/*    -  CSS de TNS  */
* { 
	margin: 0; 
	padding: 0; 
}
.pngfix { behavior: url(css/iepngfix.htc); }
body {
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	background-attachment:fixed; 
	scrollbar-arrow-color: #b1b1b1;scrollbar-track-color: #f6f5f5;scrollbar-face-color: #c8c8c8;scrollbar-highlight-color: #b5b4b4;scrollbar-3dlight-color: #f6f5f5;scrollbar-darkshadow-color: #f6f5f5;scrollbar-shadow-color: #f6f5f5;
}
/* ========================================== Structure globale - Global structure ---  */
#container {
	width: 980px;
	margin: 0 auto;	
}
.separator15 {height:15px;}
.separator20 {height:20px;}
.separator25 {height:25px;}
.separator30 {height:30px;}
.txt8 {
	font-size: 8px;
}
.txt9 {
	font-size: 9px;
}
.idee, .idee2, .idee3 {
	display:block;
	background: url(../images/idee.png) no-repeat 10px 5px;
	/*border-top: 1px solid #559ec6;
	border-bottom: 1px solid #559ec6;*/
	min-height:80px;
	padding: 10px 8px 8px 65px;
}
.idee{width: 500px;}
.idee2{width: 450px;}
.idee3{width: 320px; text-align:center;}

.cadeau {
	display:block;
	width: 350px;
	background: #f2e2f1 url(../images/cadeau.png) no-repeat 10px 5px;
	border-top: 1px solid #b11ab3;
	border-bottom: 1px solid #b11ab3;
	min-height:90px;
	padding: 10px 8px 8px 106px;
	margin: 0 0 0 150px;
}
.zone1, .zone2, .zone4{
	/*border-top: 1px solid #559ec6;
	border-bottom: 1px solid #559ec6;
	background: #d1e0e9;*/
	min-height:60px;
}
.zone3 {
	border-top: 1px solid #559ec6;
	border-bottom: 1px solid #559ec6;
	min-height:90px;
}
.zone {
	/*border-top: 1px solid #559ec6;
	border-bottom: 1px solid #559ec6;
	background: #d1e0e9;*/
	padding: 10px;
}
.zone1 {background:  url(../images/zone1.png) no-repeat 10px 5px;padding: 10px 8px 8px 65px;}
.zone2 {background:  url(../images/zone2.png) no-repeat 10px 5px;padding: 10px 8px 8px 65px;}
.zone3 {background: #d1e0e9  url(../images/zone3.png) no-repeat 10px 5px;padding: 10px 8px 8px 106px;}
.zone4 {background:  url(../images/idee.png) no-repeat 10px 5px;padding: 10px 8px 8px 65px}
/* ========================================== Header ---  */
#header{
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	height: 100px;
	width: 980px;
	position:relative;
}
.logohome{
	display: block;
	height: 100px;
	width: 100px;
	float:left;
}
.btn-prog {
	display: block;
	height: 61px;
	width: 219px;
	background: url(../images/btn-programme.png) no-repeat;
	position:absolute;
	margin: 5px 0 0 0;
	right: 0;
}
.btn-prog2 {
	display: block;
	height: 61px;
	width: 219px;
	background: url(../images/btn-programme.png) no-repeat;
}
.btn-prog:hover, .btn-prog2:hover {
	background-position: 0px -61px;
}
#loadingid{
	position:relative;
	top: 100px;
	text-align:center;
	}
/* ========================================== Top menu --- */
#menutop {
	width: 500px;
	top:76px;
	right:0;
	position:absolute;
}
a.navtop, a.navtop:link, a.navtop:visited {
	display:block;
	height:15px;
	padding: 0 0 0 14px;
	text-align:right;
	color: #004795;
	overflow:hidden;
	float:left;
	text-transform: uppercase;
	text-decoration: none;
	margin:0 1px;
	font: bold 9px/15px Arial, Helvetica, sans-serif;
}
a.navtop:hover {
	color: #999;
}

/* ========================================== Content ---  */
#content{
	width: 980px;
	position:relative;
	/*min-height:550px;*/
}
.externediv {
	background-color:#E6E6E6;
	float:left;
	padding:10px;
	position:relative;
	width:860px;
}
.internediv {
	background-color:#F2F2F2;
	padding:10px;
}
.contenupage {
	background-color: #F2F2F2;
	font: 12px Arial, Helvetica, sans-serif;
	color: #2e4c92;
}
.lienitalique {
	font: italic bold 12px Arial, Helvetica, sans-serif;
	color: #2e4c92;
	text-decoration: none;
}
.lienitalique:hover {
	color: #be1222;
}
.imagedroite {
	padding: 0 0 0 10px;
	float:right;
}
.imagegauche {
	padding: 0 10px 0 0;
	float:left;
}
.imagecentre {
	padding: 10px;
}
.contenupage table {
	font: 12px Arial, Helvetica, sans-serif;
	color: #2e4c92;
}
.contenupage table th{
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: center;
	background: #2e4c92;
}
.contenupage h5 {
	font-size: 14px;
	text-transform: uppercase;
	color: #fff;
	padding: 5px;
	margin : 0 0 10px 0;
	text-align:center;
	background: #2e4c92 url(../images/bg-h4.png) repeat-x;
}
.contenupage h6 {
	font-size: 20px;
	text-transform: uppercase;
	color: #fff;
	background: #2689c2 url(../images/bg-h4.png) repeat-x;
	padding: 5px;
	margin : 0 0 10px 0;
	text-align:center;
	width:20%;
}
.contenupage h1{
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #2e4c92;
	padding-bottom:10px;
}
.clickbox {
	padding: 5px;
	margin: 10px;
	background: #D5E6FF;
	}
.big {
	font-size: 16px;
	font-weight: bold;
}
.contenupage table.insidetable36 {
	border: 1px solid #0069a5;
	height:120px;
}
.insidetable36 td{
	padding:10px;
}
/* ========================================== Structure  du contenu left / content-left --- */
#content-lefttns{
	width: 80px;
	float:left;
	padding: 25px 10px 0 0;
}
/* ========================================== Bouton --- */
.btnaction, .btnactionTF {
	background: #3089bb;
	font: bold 10px/20px Arial, Helvetica, sans-serif;
	color: #FFF;
	padding: 4px 10px;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
}
.btnactionpage {
	background: #3089bb;
	font: bold 10px/20px Arial, Helvetica, sans-serif;
	color: #FFF;
	padding: 4px;
	text-decoration: none;
	text-align: center;
}
.btnactionoffre {
	float:right;
	font: bold 10px/20px Arial, Helvetica, sans-serif;
	color: #FFF;
	padding: 4px 10px;
	text-transform: uppercase;
	text-decoration: none;
	background: #3089bb;
	text-align: center;
	right:50px;
	position:relative;
}
.btnactionTF {
float:left;
width:399px;
}
.btnaction:hover, .btnactionoffre:hover, .btnactionTF:hover, .btnactionpage:hover {
	background: #e1001a;
}



/* ========================================== Structure  du contenu central / content-center ----*/
#content-center{
	width: 723px;
	float:left;
	padding: 10px 0 0 0;
	/*min-height: 550px;*/
}
#content-centergrille{
	width: 780px;
	float:left;
	padding: 10px 0 0 0;
}
#content-centerstrong, #content-centerhome{
	width: 870px;
	float:left;
	padding: 10px 0 0 0;
}
#content-centerstrong table, #content-centerhome table {
	font: 12px Arial, Helvetica, sans-serif;
}
#content-centerstrong h2 {
	width:700px;
	font: normal 20px Arial, Helvetica, sans-serif;
	color: #1F4E98;
	text-transform: uppercase;
	padding: 15px 0;
}
#content-centerhome h2 {
	width:570px;
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #2689c2;
	text-transform: uppercase;
	padding: 5px 10px;
	background: #e2e2e2;
	position:absolute;
	top: 80px;
	left: 310px;
}
#content-centerhome p {
	padding-bottom:25px;
	width:300px;
}
.homelink {
	background: #0169a5;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #FFF;
	text-decoration: none;
	padding:5px 10px;
	margin: 0 0 8px 0;
	width:300px;
	display:block;
	background: #2689c2 url(../images/bg-h2.png) repeat-x;
}
.homelink:hover{
	background: #bc0e1e;
}
#content-center2{
	width: 838px;
	float:left;
	padding: 12px 0 0 0;
	min-height: 10px;
}
#bannercenter{
	position:relative;
	width: 723px;
	padding: 15px 0 0 0;
	z-index: 0;
}
.clear {
	clear: both;
}
#bannerdown {
	position:relative;
	width: 726px;
	padding: 0;
	margin:0;
	height: 180px;
}
/* ========================================== Left banner ---------- NEWS ----------- */
#banner-news {
	width: 237px;
	float:left;
	padding: 0;
	margin:0;
	height: 176px;
	background-image: url(../images/btn-actutns.png);
	background-repeat: no-repeat;
}
#banner-newsli {
	/*position:relative;
	top: 27px;
	left:6px;
	width: 220px;
	height: 135px;
	overflow: hidden;*/
}
/*#banner-newsli ul, #banner-newsli li {
	width: 220px;
	height: 135px;
	overflow: hidden;
	margin:0;
	padding:0;
	list-style:none;
}
#banner-newsli li{ 
	width: 220px;
	height: 125px;
	overflow:hidden; 
	}*/	
p#controls, p#controls2{
	margin:0;
	position:relative;
	} 
#prevBtn, #nextBtn{
	display:block;
	width:35px;
	height:25px;
	position:absolute;
	left:8px;
	top:33px;
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #1f4e98;
}
#nextBtn{
	left:65px;
}
#prevBtn a, #nextBtn a{
	text-decoration: none;
	color: #fff;
}	
#prevBtn a:hover, #nextBtn a:hover{
	color: #ccc;
}	
.newsimage {
	margin: 0 0 0 9px;
	width:219px;
	height:129px;
	overflow:hidden;
}
.newstitre {
	width:219px;
	height:25px;
	overflow:hidden;
	text-align: center;
	position:relative;
	background-image: url(../images/bg-titre-news.png);
	margin:-25px 0 0 9px;
}
.newstitre a {
	color: #fff;
	text-decoration: none;
	text-align: justify;
	letter-spacing: -0.02em;
	font: normal 9px/25px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
.newstitre a:hover {
	color: #69b0d6;
}
.allnews {
	display: block;
	height: 12px;
	padding: 2px 0 0 0;
	width:100px;
	position:relative;
	left: 126px;
	background: #e6e6e6;
	font: bold 8px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #0169a5;
	text-decoration: none;
	text-align: center;
	margin: 2px 0 0 1px;
}

.allnews:hover {
	background: #0b3260;
	color: #fff;
}
/* ========================================== Central banner ---*/
#banner-center {
	position:relative;
	width: 237px;
	float:left;
	height: 176px;
	z-index:0;
	padding: 0 6px 0 0;
	margin:0;
	background: url(../images/bg-tempsfort.png) no-repeat;
}
.banner-centernewsimage {
	/*margin: 26px 10px 10px 8px;*/
	margin:0 0 0 9px;
}
.btnstrongtime {
	display: block;
	height: 12px;
	padding: 2px 0 0 0;
	width:55px;
	position:relative;
	left: 163px;
	top:2px;
	background: #e6e6e6;
	font: bold 8px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #0169a5;
	text-decoration: none;
	text-align: center;
}
.btnstrongtime:hover {
	background: #0b3260;
	color: #fff;
}
/* ========================================== Right banner --- */
#banner-right {
	width: 237px;
	float:left;
	padding: 0 6px 0 0;
	margin:0;
	height: 176px;
	background: url(../images/bg-zoneright.png) no-repeat;
}
.banner-rightimage{
	margin: 0 0 0 10px;
}
/* ========================================== Fading effect on central pictures  --- */
ul#central-banner {
	list-style-type: none;
	height: 141px;
}
ul#banner-rightul, ul#banner-centerul, ul#banner-newsul {
	list-style-type: none;
}
ul#banner-rightul, ul#banner-centerul, ul#banner-newsul {
	padding: 25px 0 0 0;
}
.fade{
	margin-bottom: 2em;
}
.fade p{
	margin-bottom: 2em;
	text-align: center;
	width: 100%;
	background: #fff;
}
.btnpubleft{
	display: block;
	height: 12px;
	padding: 2px 0 0 0;
	width:55px;
	position:relative;
	left: 164px;
	top:0px;
	background: #e6e6e6;
	font: bold 8px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #0169a5;
	text-decoration: none;
	text-align: center;
}
.btnpubleft:hover {
	background: #0b3260;
	color: #fff;
}
/* ========================================== Structure  du contenu de droite/ content-right --- */
#content-right{
	width: 150px;
	float:left;
	padding: 25px 0 0 10px;
}
#content-rightpub{
	width: 150px;
	float:left;
	padding: 25px 0 0 25px;
}
#content-progpub {
	width: 154px;
	float:left;
	padding: 90px 0 0 60px;}
.espaceabonne {
	background: url(../images/bg-espaceabonne.png) no-repeat;
	width:154px;
	height: 104px;
	display:block;
	padding-bottom: 5px;
}
.sondage {
	width:154px;
	/*height: 172px;*/
	height: 280px;
	display:block;
	border: 1px solid #CCC;
	margin-bottom: 5px;
	overflow:hidden;
}
.sondage h2{
	font: bold 11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #1f4e98;
	width:154px;
	text-align:center;
}
#pollcontainer {padding: 5px 0 0 10px;}
#pollform p label {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
}
#pollform p {
	padding: 2px 0;
}
.btnvote {
	display:block;
	background: #1f4e98;
	font-size: 9px;
	color: #FFF;
	border-style: none;
	cursor:pointer;cursor:hand;
	padding: 2px 8px;
}
#viewresult {
	font: 10px Arial, Helvetica, sans-serif;
	color: #1f4e98;
	text-decoration: none;
}
.totaldesvotes {
	font: 11px Arial, Helvetica, sans-serif;
	color: #1f4e98;
	text-align:center;
	padding: 10px 0;
}
#viewresult:hover {color: #bc2c16;}
#loader{ display:none; text-align:center;}
.optionvote{ padding:0;margin:0;}
.optionvote p{
	padding:3px 0 0 0;
	margin:0;
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
}
.optionvote .bar{ 
	padding:0;
	margin:0;
	height:5px !important; 
	height:5px;
	background:#bc2c16;
	display:block;
}
.optionvote .barcontour{
	padding:0;
	margin:0;
	height:5px !important;
	height:5px;
	width:100px;
	display:block;
	/*background: #CCC;*/
	border: 1px solid #CCC;
}
.yourvote{ background:#113399; }

.pubhomeright {
	display: block;
	padding:7px 0 0 0;
	width:154px;
	height:176px;
}
.pollques {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
	padding: 0 0 10px 0;
}
/* ========================================== Formulaire de connexion  / Loin form --- */
#loginform {padding: 27px 0 0 0;}
#loginform input {width:88px;}
#loginform .inputuser {
	background: url(../images/form-imguser.png) no-repeat;
	display:block;
	padding: 5px 0 0 30px;
	margin: 0 0 0 10px;
}
#loginform .inputpass {
	background: url(../images/form-imgpass.png) no-repeat;
	display:block;
	padding: 5px 0 5px 30px;
	margin: 0 0 0 10px;
}
#loginform .btnconnect {
	display:block;
	background: #1f4e98;
	font-size: 9px;
	color: #FFF;
	border-style: none;
	position:absolute;
	right: 28px;
	cursor:pointer;cursor:hand;
	padding: 2px 8px;
}
.member {
	list-style: none;
	padding: 35px 10px 10px 10px;
	text-align:center;
}
.member h1 {
	font-size: 14px;
	font-weight: bold;
	color: #6C0;
	padding: 0 0 18px 0;
}
.member a {
	background: #1f4e98;
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	padding:5px;
}
.member a:hover {
	background: #bd1222;
}	
/* ========================================== Accès presse et Réseau --- */
.titrepresse {
	font-size: 12px;
	font-weight: bold;
	color:#003787;	
}
.accesdivligne {
	display:block;
	padding: 10px 0;
}
.accesdivligne label{
	display:block;
	float:left;
	position:relative;
	width:100px;
	text-align:right;
}
.accesdivinput{
	display:block;
	float:left;
	position:relative;
	width:100px;
}
.acceserrormessage {
	font-weight: bold;
	color: #900;
	width:300px;
	display:block;
	padding: 15px 0;
}
.btnactionsubmit {
	height: 20px;
	height: 20px !important;
	background-image: url(../images/btn-action-bg.png);
	background-repeat: repeat-x;
	font: bold 11px/20px Arial, Helvetica, sans-serif;
	color: #FFF;
	padding: 0 10px;
	text-transform: uppercase;
	text-decoration: none;
	border-style: none;
}
.btnactionsubmit:hover {
	background-position: 0px -20px;
}

/* ========================================== TV CHANNELS LOGO SCROLL / barre des chaines --- */
div#wn	{
	position:relative;
	width:80px;
	height:439px;
	overflow:hidden;
}
div#scroll_links {
	width:80px;
	border: 1px solid #b3b3b3;
}
div#lyr1 {
	padding: 0 0 0 3px;
}
div#lyr1 img{
	border: 1px solid #b3b3b3;
}
div#lyr1 div{
	width:69px;
	padding: 2px;
}
div#lyr1 a {
	display: block;
	width:62px;
	padding:2px;
}
div#lyr1 a:hover {
	background-color: #b3b3b3;	
}
/* ========================================== footer ---  */
#footer {
	width: 720px;
	position:relative;
	padding: 6px 0 0 260px;
	clear:both;
	font: 9px Arial, Helvetica, sans-serif;
}
#footer a:link, #footer a:visited {
	color: #006bb6;
	display: block;
	padding: 2px 6px;
	float:left;
	text-transform: uppercase;
	text-decoration: none;
	font: bold 8px Arial, Helvetica, sans-serif;
}
#footer a:hover {
	color: #CCC;
}
/* ========================================== Help ---  */
#aide_content {
	position:relative;
	width:758px;
	padding-top:10px;
	font: 11px Arial, Helvetica, sans-serif;
}
#aide_content table {
	font: 12px Arial, Helvetica, sans-serif;
}
#aide_content h2 {
	width:700px;
	font: normal 20px Arial, Helvetica, sans-serif;
	color: #1F4E98;
	text-transform: uppercase;
	padding: 0 0 15px 0;
}
.tnsvaleurs{
	padding: 20px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #DDE3EE;
	text-transform: uppercase;
}
.tnsvaleurs li{
	list-style-type: none;
	font: bold normal 11px Arial, Helvetica, sans-serif;
	letter-spacing: -0.02em;
}
.tnscontact{
	padding: 20px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #DDE3EE;
	text-transform: uppercase;
}
.tnscontact li{
	list-style-type: none;
	font: normal 11px Arial, Helvetica, sans-serif;
	letter-spacing: -0.02em;
	text-transform: none;
	text-align: justify;
}
.tnsouverture{
	padding: 20px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #DDE3EE;
	text-transform: uppercase;
}
.tnsouverture li{
	list-style-type: none;
	font: bold normal 11px Arial, Helvetica, sans-serif;
	letter-spacing: -0.02em;
	padding: 0 0 10px 0;
}
.tnssav{
	padding: 20px;
}
.tnssav li{
	background-color: #f6f6f6;
	list-style-type: none;
}
.tnssav li h3{
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #2e4c92;
	padding: 20px 0 0 20px;
}
.tnssav li p{
	font: 11px Arial, Helvetica, sans-serif;
	color: #2e4c92;
	padding: 20px;
	text-align: justify;
}
.tnssav2{
	padding: 20px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #DDE3EE;
	text-transform: uppercase;
	text-align: justify;
}
.tnssav2 li{
	list-style-type: none;
	font: normal 12px Arial, Helvetica, sans-serif;
	letter-spacing: -0.02em;
	text-transform: none;
	padding-bottom: 10px;
}
.tnspro{
	padding: 20px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #DDE3EE;
	text-transform: uppercase;
	height:270px;
}
.tnspro li{
	list-style-type: none;
	font: normal 12px Arial, Helvetica, sans-serif;
	letter-spacing: -0.02em;
	text-transform: none;
	padding-bottom: 10px;
}
.tnspres {
	padding: 20px;
	/*height:270px;*/
}
.tnspres2, .contentinterne {
	padding:10px;
	margin:10px;
	background-color: #f6f6f6;
	font: 12px Arial, Helvetica, sans-serif;
	color: #2e4c92;
	text-align: justify;
	min-height:270px;
}
.contentinterne2 {
	padding:10px;
	margin:10px;
	background-color: #f6f6f6;
	font: 12px Arial, Helvetica, sans-serif;
	color: #2e4c92;
	text-align: justify;
}
.contentinterne2 table {
	font: 12px Arial, Helvetica, sans-serif;
	color: #2e4c92;
	text-align: justify;
}
.contentinterne2 h5 {
	font-size: 14px;
	text-transform: uppercase;
	color: #fff;
	padding: 5px;
	margin : 0 0 10px 0;
	text-align:center;
	background: #2e4c92 url(../images/bg-h4.png) repeat-x;
}
.contentinterne2 h6 {
	font-size: 20px;
	text-transform: uppercase;
	color: #fff;
	background: #2689c2 url(../images/bg-h4.png) repeat-x;
	padding: 5px;
	margin : 0 0 10px 0;
	text-align:center;
	width:50%;
}
.contentinterne2 h1{
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #2e4c92;
	padding-bottom:10px;
}
.contentinterne p {
	padding: 8px 0;
}
.contentinterne ul{
	padding: 0 0 0 25px;
}
.tnspres2 h3{
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #2e4c92;
	padding-bottom:10px;
}
.tnspres li{
	background-color: #f6f6f6;
	list-style-type: none;
	min-height:270px;
}
.tnspres li h3{
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #2e4c92;
	padding: 20px 0 0 0;
}
.tnspres li p{
	font: 11px Arial, Helvetica, sans-serif;
	color: #2e4c92;
	padding: 20px;
	text-align: justify;
}
.tnspres img{
	float:left;
	padding: 0 20px 0 0;
}
.imgpresentation {
	padding: 20px;
}
.tablerevendeurs {
	font-family: Arial, Helvetica, sans-serif;
	color: #2e4c92;
}
.tablerevendeurs th {
	color: #FFF;
	font: bold 12px Arial, Helvetica, sans-serif;
	background-color: #2e4c92;
	height: 20px;
	text-align:left;
	padding: 0 0 0 10px;
}
.tablerevendeurs td {
	color: #2e4c92;
	font: 11px Arial, Helvetica, sans-serif;
	height: 40px;
	text-align:left;
	padding: 0 0 0 10px;
	background-color: #fff;
	border-bottom: 1px dotted #2e4c92;
}
/* ========================================== Page services ==============================================*/
/* ========================================== Boite du bas / Bottom services box  ----------------------- */

.servicesimage {
	float:left;
	display:block;
	width: 200px;
	text-align:center;
}
.servicesimage a {text-decoration: none;}
.servicesimage a span{
	padding: 2px 5px;
	background-color: #2e4c92;
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
}
.servicesimage a:hover span{
	background-color: #bc0d1e;		
}
.servicescontent {
	float:left;
	display:block;
	width:660px;
}
.sc {
	background: #e5e5e5;
	padding: 10px;
}
.firstcontent, .maincontent {
	padding: 10px;
	background: #F6F6F6;
	color:#2E4C92;
	font:12px Arial,Helvetica,sans-serif;
}
.imgh {
	float:left;
	padding: 0 10px 10px 0;
}
.maincontent h5{
	font:bold 14px Arial,Helvetica,sans-serif;
	padding: 10px;
	background: #0169a5;
	color:#fff;
	margin: 0 0 10px 0;
	clear: both;
	background: #2e4c92 url(../images/bg-h4.png) repeat-x;
}
.maincontent ul, .contentinterne2 ul, .maincontent ol, .contentinterne2 ol, .contenupage ul, .contenupage ol {
	padding: 3px 0 3px 30px;
}
#content-centerstrong table ul li{
	margin: 10px 0 10px 40px;
	list-style: disc;
}

/*========================================== Control des accordéons */
#accordion {
	width: 620px;
}
#accordion h2 {
	cursor:pointer;
	cursor:hand;
	font:bold 14px Arial, Helvetica, sans-serif;
	padding: 10px;
	color:#0a70a9;
	margin: 0 0 1px 0;
	width: 600px;
	border: 1px solid #CCC;
	background: #FBFBFB;
}
#accordion h2 span{
	cursor:pointer;
	cursor:hand;
	font:normal 12px Arial, Helvetica, sans-serif;
	padding:0;
	color:#0C83C2;
	margin: 0;
	width: 600px;
	background: url(none);
	text-transform: none;
}
/* currently active header */
#accordion h2.current {
	cursor:default;
}

/* accordion pane */
#accordion div.pane {
	width: 600px;
	padding:20px 5px 25px 15px;
	font-size:12px;
/*	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-top-width: 0;
	border-bottom: 1 solid #CCC;*/
}
#accordion div.pane a.lien{
	padding:0;
	font-size:12px;
	color: #0a70a9;
	text-decoration: none;
	display:block;
	font-weight: bold;
}
#accordion div.pane a.lien:hover, #accordion div.pane a:hover{
	color: #bc2c16;
}
#accordion div.pane a{
	padding:0;
	font-size:12px;
	color: #0a70a9;
	text-decoration: none;
	font-weight: bold;
}
/* a title inside pane */
#accordion div.pane h3 {
	font-weight:normal;
	margin:0 0 -5px 0;
	font-size:16px;
	color:#999;
}
#services {
	position:relative;
	background-image: url(../images/services.png);
	background-repeat: no-repeat;
	height: 53px;
	width: 320px;
}
#dockservicehome {
	position:relative;
	width:100%;
	left:54px;
}
#dockservicehome .docking {
	position:relative;
	height:50px;
	bottom:3px;
}
#content-service {
	padding: 50px 0 0 0;
	float:left;
	width: 750px;
	margin-bottom: 5px;
}
#content-service h3 {
	width:700px;
	font: normal 18px Arial, Helvetica, sans-serif;
	color: #1F4E98;
	text-transform: uppercase;
	padding: 10px 0 15px 0;
}
#service_img {
	float: left;
	width: 350px;
	height: 120px;
	z-index: 100;
}
#service_firstcontent {
	background-color: #f2f2f2;
	position: relative;
	float: left;
	width: 387px;
	height:150px;
	padding:15px;
	left:7px;
	text-align: justify;
}
.btnactionserv {
	height: 20px;
	height: 20px !important;
	background-image: url(../images/btn-action-bg.png);
	background-repeat: repeat-x;
	font: bold 7px/20px Arial, Helvetica, sans-serif;
	color: #FFF;
	padding: 4px 10px;
	text-transform: uppercase;
	text-decoration: none;
	position:relative;
	left:480px;
	top:-3px;
	}
.btnactionserv:hover {
	background-position: 0px -20px;
	}
#service_first{
	width: 750px;
	padding-left:8px;
}
#imgservice {
	position:relative;
	width:321px;
	height:180px;
	float:left;
	background-image: url(../images/bg-service2.png);
	background-repeat: repeat-y;
	overflow:hidden;
}
#service_firstcontent h3, #service_descri h3{
	color: #004795;
	text-transform: uppercase;
	text-align: justify;
	padding: 0 0 10px 0;
	font: normal 17px/normal Arial, Helvetica, sans-serif;
}
#service_firstcontent span {
	color: #999;
	text-transform: uppercase;
	font: 10px/16px Arial, Helvetica, sans-serif;
}
#service_descri {
	float: left;
	width: 700px;
	padding: 20px;
	color: #000000;
}

/* ========================================== Effets du dock Fisheyes pour les services  
/* ========================================== Fisheyes effect for the services dock
----------------------------------------------------------- */
#dock_service {
	position:relative;
	float: left;
	top: 20px;
	width: 750px;
	height: 190px;
	z-index: 100;
}
#dock2 {
	position:relative;
	width: 100%;
	left: 35px;
}
.dock-container2 {
	position: absolute;
	height: 50px;
	padding-left: 20px;
}
.dock-item2 {
	display: block; 
	position: absolute;
	text-decoration: none;
	bottom: 0;
	padding:0;
	margin:0;
}
.dock-item2 span {
	display: none;
	width: 0%;
}
.dock-item2 img {
	border: none;  
	width: 100%; 
}


/* ========================================== my css */
a.newstyle {
	display: block; 
	width: 15px; 
	position: absolute;
	text-decoration: none;
}	
.newstyle span {
	display:none;
}
.newstyle img {
	border:none;
	width:100%;
}
#dock4 .newstyle img {
	border:none;
	width:100%;
}	
/* ========================================== my css end */	
/* ========================================== Page NEWS et NEWS DETAILS --- */
#news_content {
	position:relative;
	width: 880px;
	padding:10px 0 0 5px;
}
#internalnews {
	background-color: #e6e6e6;
	width: 748px;
	padding: 5px;
}
#greynewsinternal {
	background-color: #f2f2f2;	
	padding: 10px;
}
#internalnewsleft {
	position:relative;
	width: 650px;
	float:left;
	padding: 10px;
	background-color: #e6e6e6;
}
#internalnewscenter {
	width: 10px;
	min-width:10px;
	height:50px;
	min-height:50px;
	float:left;
}
#internalnewsright {
		position:relative;
	width: 198px;
	float:left;
	border: 1px solid #CCC;
}
#internalnewsright h4 {
	color: #FFF;
	text-transform: uppercase;
	font: bold 14px/40px Arial, Helvetica, sans-serif;
	height:40px;
	text-indent: 20px;
	background: url(../images/bg-h4.png) repeat-x;
}
.newsdescriptionright {
	width:160px;
	padding: 10px 0 0 20px;
}
.newsdescriptionright2 {
	width:160px;
	padding: 10px 0 0 10px;
}
.newsdescriptionright a {
	color: #0274bb;	
	padding: 3px 5px;
	text-decoration: none;
	text-align: justify;
	font: bold 10px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
#internalnewsright .tv-logo-main2 {
	padding : 10px 0 0 0;
}
.newsdescriptionright a:hover {
	color: #999;
}
#news_content .tv-logo-main {
	width: 756px;
	padding : 10px 0 0 0;
}
#news_content .newspicture {
	width: 200px;
	float:left;
}
#news_content .newspicture2 {
	width: 150px;
	float:left;
}
#btnretour {
	display:block;
	height: 25px;
	width: 200px;
	background-color: #e6e6e6;
}
#btnretour a{
	color: #666;
	text-decoration: none;
	font: bold 11px/25px Arial, Helvetica, sans-serif;
	background-color: #e6e6e6;
	height: 25px;
	width: 200px;
	display:block;
	float:left;
	text-indent: 25px;
	text-transform: uppercase;
}
#btnretour a:hover {
	color: #003787;
}
#news_content h3 {
	color: #004795;
	text-transform: uppercase;
	letter-spacing: -0.02em;
	width:758px;
	font: normal 18px Arial, Helvetica, sans-serif;
	padding: 0 0 10px 0;
}	
#news_content h2 {
	color: #FFF;
	text-transform: uppercase;
	width:748px;
	font: bold 15px/40px Arial, Helvetica, sans-serif;
	background: #2689c2 url(../images/bg-h4.png) repeat-x;
	height:40px;
	text-indent: 20px;
}
#news_content h6 {
	color: #0169a5;
	width:660px;
	font: normal 11px Arial, Helvetica, sans-serif;
	display:block;
	padding:5px;
	text-align: justify;
	display:block;
	padding: 0 0 20px 0;
}
#news_content h5 {
	color: #999;
	width:738px;
	font: bold 11px Arial, Helvetica, sans-serif;
	display:block;
	padding:5px;
	text-align: justify;
}
.newsdescription {
	width:480px;
	float:left;
	padding: 0 0 0 10px;
}
.newsdescription2 {
	width:590px;
	padding: 0 0 0 10px;
	color: #003787;
	text-align: justify;
}
.tv-logo-main2 .newsdescription2 img{
	padding:0 10px 5px 0;
	float:left;
}
#news_content .newsdescription h4{
	color: #003787;
	text-decoration: none;
	text-align: justify;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
#news_content .newsdescription2 h4{
	color: #003787;
	text-decoration: none;
	text-align: justify;
	font: bold 14px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
#news_content .newsdescription2 h1{
	color: #bc0d1e;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
	padding: 0 0 20px 0;
}
#news_content .newsdescription2 p{
	padding: 0 0 20px 0;
}
.newsdescription a {
	color: #004795;
	text-decoration: none;
	text-align: justify;
	font: bold 13px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
.newsdescription a:hover {
	color: #bc2c16;
}
/* ========================================== OFFRES DE RECRUTEMENT */
.offreformdetail {
	background: url(../images/images/img-offre.jpg) no-repeat right top;	
}

#offre_content {
	position:relative;
	width: 880px;
	padding: 0 0 0 5px;
}
#internaloffreleft {
	position:relative;
	width: 660px;
	float:left;
}
#internaloffreleft2 {
	width: 645px;
	background-color: #e6e6e6;
	padding:10px;
}
#internaloffreleft3 {
	width: 590px;
	background-color: #e6e6e6;
	padding:10px;
}
#greyoffreinternal {
	background-color: #f2f2f2;
	padding:10px;
}
#greyoffreinternal h2{
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #004795;
	text-transform: uppercase;
	width:100%;
}
#greyoffreinternal h2 span{
	padding-left:5px;
}
#internaloffrecenter {
	width: 10px;
	min-width:10px;
	height:50px;
	min-height:50px;
	float:left;
	position:relative;
}
#internaloffreright {
	position:relative;
	width: 200px;
	height:200px;
	float:left;
}
#bluebgoffreright {
	font: normal 11px Arial, Helvetica, sans-serif;
	text-transform: none;
	/*margin:15px;*/
}
#bluebgoffreright ul {
	padding: 10px 0 0 5px;
	list-style: none;
}
#bluebgoffreright li {
	color: #0169a5;
	padding: 0 0 10px 0;
}
#bluebgoffreright li span {
	display:block;
	font-weight: bold;
	text-transform: uppercase;
	color: #bd0914;
}
#offre_index_interne {
	background-color: #f2f2f2;
	color: #1F4E98;
}
#offre_index_interne2 {
	color: #1F4E98;
	width:800px;
	background: #f2f2f2 url(../images/images/img-contact2.jpg) no-repeat right top;
}
.messagecontact {
	display:block;
	width :450px;
	height : 200px;
	padding: 50px 0 0 50px;
	font-size: 12px;
	}
.messagecontact img{
	padding: 0 25px 0 0;
	}
.btnoffre {
	display: block;
	height: 12px;
	padding: 2px 5px 0 5px;
	width:52px;
	position:relative;
	left:584px;
	background: #1d4f98;
	font: bold 8px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #FFF;
	text-decoration: none;
	text-align: center;
}
.btnoffre:hover {
	background: #bd0914;
}
#formulaireoffre {
	padding-top: 30px;
}
#formulaireoffre h3{
	background-color: #2e4c92;
	width: 480px;
	padding: 5px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #fff;
	text-transform: uppercase;
}
/*------------------------------------------FORMULAIRE OFFRE --*/
#offreform {
	position:relative;
	top:10px;
	width:500px;
}
#labelsform {
	display:block;
	float:left;
	text-align:right;
	text-decoration: none;
	font: 11px/18px Arial, Helvetica, sans-serif;
	width:100px;
}
#replyform {
	display:block;
	float:left;
	text-decoration: none;
	font: 11px/18px Arial, Helvetica, sans-serif;
	width:300px;
	padding: 0 0 8px 10px;
}
#replyform b{
	font: bold 16px/18px Arial, Helvetica, sans-serif;
	padding-left:6px;
}
#replyform span {
	float:left;
	width:100%;
	position:relative;
	color: #FC0;
	text-decoration: none;
	font: bold 10px/18px Arial, Helvetica, sans-serif;
}
#boxformule{
	display:block;
	float:left;
	width:221px;
}
#replyform .erroroffre{
	color: #bc0d1e;
	}
/* ========================================== SPECIAL OPS - CONTENU --- */
.tnsspecialops {
	padding: 20px 0 0 0;
}
.tnsspecialops li{
	list-style-type: none;
}
.tnsspecialops li h3{
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #2e4c92;
	padding: 20px 0 0 0;
}
.tnsspecialops li p{
	font: 11px Arial, Helvetica, sans-serif;
	color: #2e4c92;
	padding: 20px 0 0 0;
	text-align: justify;
}
.tnsspecialops .imgleft {
	float:left;
	padding: 0 20px 0 0;
}
.tnsspecialops .imgright {
	float:right;
	padding: 0 0 0 20px;
}
/* ========================================== FIL INFO / Scrolling news  (ticker) --- */
#filinfo{
	width: 380px;
	top: 77px;
	left:100px;
	color: #003787;
	position:absolute;
	font: 10px Arial, Helvetica, sans-serif;
	
}
.filinfolink {
	font: 10px Arial, Helvetica, sans-serif;
	color: #003787;
	text-decoration: none;
	text-transform: uppercase;
}
.filinfolink:hover {
	color: #CC3300;
}
#filinfo_content {
	position:relative;
	width: 680px;
	padding: 50px 0 0 5px;
}
#filinfo_content h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #013886;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: -0.02em;
	width:650px;
	border-bottom: 1px solid #CCCCCC;
}
#filinfo_content img.left {
	float: left;
	margin-right: 10px;
}
.chosen_filinfo h3{
	color: #bd2b14;
	font-size: 13px;
}
.chosen_filinfo h4{
	font-size: 11px;
}
.others_filinfo {
	margin-top: 20px;
}
.linkfilinfo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	text-decoration:none;
}
.linkfilinfo:hover {
	color: #990000;
}

/* ========================================== STRUCTURE DES FORMULES - FORMULA.PHP CONTENT  =============== */
/* ========================================== dock in formula page ---- */
.titreoffres {
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #2689c2;
	text-transform: uppercase;
	margin: 40px 0 0 0;
}
.titreoffres span {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #999;
	text-transform: none;
	margin: -20px 0 0 200px;
	display:block;
}
ul.tab-headers {
	height:50px;
	overflow:hidden;
	padding:0;
	margin: 20px 0 0 0;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
ul.tab-headers li {
	float:left;
	width:80px;
	padding-right:2px;
}
.tab-content {
	width:980px;
}
.tab-content .tab {
	height:380px;
	/*height:352px;*/
	width:980px;	
}
.chainesetradios {
	width:654px	;
	position:relative;
	float:left;
}
.formulatitle{
	font: normal 18px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #FFF;
	padding: 15px 0 0 30px;
}
.formulasubtitle{
	font: italic 12px Arial, Helvetica, sans-serif;
	color: #FFF;
	padding: 1px 0 0 30px;
}
.formulanbrchaine {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFF;
	padding: 15px 0 0 30px;
}
.formulaTV {
	width:600px;
	/*height:151px;*/
	height:171px;
	padding: 5px 0 0 30px;
}
.formulanbrradio {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFF;
	padding: 0 0 8px 0;
}
.radiocontent {
	width:654px;
}
.formulaRADIO {
	width:400px;
	padding: 0 10px 0 30px;
	position:relative;
	float:left;
	display:block;
}
.formulaprice {
	width:184px;
	position:relative;
	float:left;
	display:block;
	background: url(../images/bg-price.png);
}
.formulaprice span {
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: center;
	padding: 8px 0;
	display:block;
}
.formulaprice span strong{
	font-size:28px;
}
.formulaprice a {
	background: url(../images/btn-abo.png) no-repeat;
	width:184px;
	height:30px;
	display:block;
}
.formulaprice a:hover {
	background-position: 0 -30px;
}
.optionchaines {
	width:326px;
	position:relative;
	float:left;
	height:380px;
	/*height:352px;*/
}
.optiontitre{
	font: normal 18px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #FFF;
	text-align: center;
	padding: 5px 0;
}
.option {margin: 10px 0 0 18px;}
.option h3 {
	font: normal 12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #FFF;
	text-align: center;
	padding: 8px 0;
	margin : 15px 0;
	width:290px;
}
.option h3 span{
	font: bold 16px Arial, Helvetica, sans-serif;
}
.option h3 em{
	text-transform: none;
}
.formulaTVcontent {
	width:930px;
	height:151px;
	padding: 5px 0 0 30px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #FFF;
}
.formulaTVcontent table {
	color: #FFF;
	font-size: 11px;
}
.formulaTVcontent table div{
	padding: 10px;
}
.formulaTVcontent table div h4 {
	background: url(../images/bg-price.png);
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	padding: 10px;
	width:210px;
}
.formulaTVcontent .formulaprice {
	position:relative;
	float:right;
	background: url(../images/bg-price.png);
	padding:0;
	margin:0;
	display:block;
}
.formulaTVcontent .formulaprice span {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: center;
	display:block;
}
.formulaTVcontent .formulaprice span strong{
	font-size:15px;
}

.messageformule {
	position:relative;
	top:-10px;
	font-size: 9px;
	color: #FFF;
	margin: 0 20px;
	font-style: italic;
}


#formule {
	position:relative;
	height: 100%;
	width: 670px;
}
#dock_serviceformula {
	position:relative;
	float: left;
	top:65px;
	width: 450px;
	height: 100px;
}
#dock3 {
	position:relative;
}
.dock-container3 {
	position:relative;
	height: 120px;
}
.dock-item3 {
	display: block; 
	position: absolute;
	text-align: center;
	text-decoration: none;
	bottom: 10px;
}
.dock-item3 img {
	border: none; 
	width: 100%; 
}

/* ========================================== Formula PAGE content ----  */
#formula1 {
	width: 758px;
	height:180px;
	}
#formula2{
	width: 758px;
	}
#formula-text {
	float:left;
	position:relative;
	top:65px;
	width:250px;
}
#chaineformule {
	position:relative;
	float: left;
	width: 450px;
	height:298px;
	background-color: #ededee;
	padding: 15px;
}
#super-logo{
	height:200px;
	}
#super-logo .titrepack {
	display:block;
	width:170px;
	font: 17px/25px Arial, Helvetica, sans-serif;
	color: #1f4e98;
	text-transform: uppercase;
	float:left;
	height:25px;
	}
#super-logo .nbrchaine{
	display:block;
	width:150px;
	font: 12px/25px Arial, Helvetica, sans-serif;
	color: #1f4e98;
	text-transform: uppercase;
	float:left;
	height:25px;
	}
#super-logo .prixpack{
	display:block;
	width:110px;
	font: 22px Arial, Helvetica, sans-serif;
	color: #1f4e98;
	text-transform: uppercase;
	text-align:right;
	float:left;
	}
.topformula {
	width:440px;
	display:block;
	height:50px;
	}
#super_radio .radiotitre {
	height: 35px;
	font: 9px Arial, Helvetica, sans-serif;
	}
#optionnalpack {
	background-image: url(../images/bg-optionalpack.png);
	background-repeat: repeat-x;
	position:relative;
	float: left;
	height:313px;
	width: 250px;
	padding: 8px;
	margin: 0 0 0 10px;
	background-color: #e47409;
}
#optionnalpack h2 {
	font: normal 16px Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	padding: 10px 0 15px 10px;
}
#opt-channel {
	background-color: #e47409;
	padding:5px;
}
#opt-channel h3{
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
	width:230px;
	display:block;
	height:25px;
	float:left;
}
#opt-channel h3 span{
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #FFF;
	top:-17px;
	text-align:right;
	float:right;
	position:relative;
}
#opt-channel h3 span em{
	font: normal 14px Arial, Helvetica, sans-serif;
	color: #FFF;
}
#opt-channel img{
	border: 2px solid #999;
}
/* ========================================== PAGE TV CHANNEL ET RADIO --- */
#channel_content {
	position:relative;
	width: 870px;
	padding: 15px 0 0 5px;
}
.titrebicolor {
	color: #004795;
	text-transform: uppercase;
	letter-spacing: -0.05em;
	font: 20px Arial, Helvetica, sans-serif;
}
.titrebicolor span{
	color: #BD0926;
}
.subtitrebicolor{
	font-size: 10px;
	color: #004795;
	text-transform: uppercase;
	letter-spacing: -0.03em;
}
#tablechannel {
	padding: 25px 0 0 0;
}
.box-head {
	font-size:11px;
	color:#ffffff;
	background-color:#1f4e98;
	height:20px;
	padding: 0 10px 0 5px;
	text-transform: uppercase;
	font-weight: bold;
}
.bgtablechannel {
	background-color: #AFC9EF;
	padding:6px;
	padding-right:12px;
}
.box-images {
	float:left;
	background-color:#e9e9e9;
	margin:0px;
}
.grey-border {
	border: 1px solid #b2b2b2;
}
.redlink {
	float:left;
	padding:2px;
	background-color: #AFC9EF;	
}
.redlink:hover {
	float:left;
	padding:2px;
	background-color: #bd0926;	
}
#tablechaine {
	float:left;
}

/* ========================================== CHANNELS  DETAIL PAGE  --- */
/* ========================================== Left / Description et formule = Formula description  --- */
#left_chaine{
	width:320px;
	float:left;
	/*padding: 50px 0 0 20px*/;
	padding: 50px 0 0 100px;

}
.grilleprogcenter {
	width:760px;
	float:right;
	position:relative;
	right:35px;
	padding: 15px 0 0 0;
}
.grey-border2 {
	border: 3px solid #b2b2b2;
	float:left;
}
#channel_description {
	padding: 0 0 0 15px;
	width:200px;
	float:left;
}
#channel_description h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #bd0926;
	text-transform: uppercase;
	font-weight: normal;
	width:300px;
}
#channel_description h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #004795;
}
#channel_formula{
	padding: 25px 0 0 0;
	width:310px;
	float:left;
		
}
#channel_formula h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #004795;
	text-transform: uppercase;
}

/* ========================================== STRONGTIME SLIDER in channel detail page --- */
#right_chaine{
	width:420px;
	height:350px;
	float:left;
	margin: 40px 0 0 0;
	
}
.TFoutside {
	height:340px;
	width:420px;
	}
.TFinside {
	background: #e6e6e6;
	height:340px;
	width:420px;
	}
#imgstrongdetailpage {
	margin-right: 10px;
	width:130px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	text-decoration: none;
}
#mySlidesstrgl .strongtimecontour {
	background-color: #F2F2F2;
	height:300px;
	overflow:hidden;
}
#mySlidesstrgl h4 {
	padding: 10px 0 0 0;
	font-size: 12px;
	color: #004795;
	text-transform: uppercase;
	font-weight: bold;
}
#mySlidesstrgl h3 {
	padding: 0 0 10px 0;
	font-size: 11px;
	color: #004795;
	text-transform: uppercase;
	font-weight: normal;
}
#mySlidesstrgl h5 {
	font-size: 11px;
	color: #004795;
	font-weight: normal;
	text-align: justify;
	padding: 0 10px 0 0;
}
#strongtitredetail {
	text-transform: uppercase;
	color: #bc0d1d;
	text-decoration: none;
	letter-spacing: -0.03em;
	margin: 8px 0 5px 24px;
	font: normal 14px Arial, Helvetica, sans-serif;
}
.jFlowPrevstrgl { float: left; width: 24px; height: 220px; background: #e6e6e6 url(../images/arrow-left.png) no-repeat center; cursor: pointer; }
.jFlowNextstrgl { float: left; width: 24px; height: 220px; background: #e6e6e6 url(../images/arrow-right.png) no-repeat center; cursor: pointer; }
#jFlowSlidestrgl { float: left; background: #e6e6e6;}


/* ========================================== right / temps forts = Strongtime  --- */
#channelprog{
	width:680px;
	float:left;
	padding: 10px 0 0 0;
	border: 1px solid #CC6633;
}

/* ========================================== STRONGTIME - PAGE DE TOUS LES TEMPS FORTS --- */
#strongtime_content {
	position:relative;
	width: 758px;
	padding: 30px 0 0 0;
}
#top_strongtime {
	width: 756px;
	}
#logo {
	padding: 0 0 0 10px;
	display:block;
	float:left;
}
#bottom_strongtime {
	width: 880px;
	height:370px;
	background-color: #E6E6E6;
	margin-top: 20px;
	}
#strongtime_titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #004795;
	text-transform: uppercase;
	letter-spacing: -0.02em;
	width:350px;
	float:left;
}
.strongtime_red {
	color: #BD0926;
}
#dropdown_box {
	float: left;
	width: 280px;
	height: 60px;
	background-color: #e9e9e9;
}
#dropdown_box_title {
	height: 20px;
	text-transform: uppercase;
	letter-spacing: -0.02em;
	font-size: 12px;
	color: #ffffff;
	background-color: #d9dadb;
	line-height: 20px;
	padding: 0 0 0 10px;
	font-weight:bold;
}
#dropdown {
	padding: 10px 0 0 25px;
}
#logo img{
	border: 1px solid #b2b2b2;
}
/* ========================================== Slider Strongtime --- */		
.strongtimebox1 {
	position:relative;
	float:left;
	top:9px;
	width:400px;
	height:350px;
	background-color:#F2F2F2;
	overflow:hidden;
	}
.vertspacer{
	position:relative;
	float:left;
	top:9px;
	width:12px;
	height:350px;
}
#imgstrong {
	margin-right: 10px;
	width:130px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	text-decoration: none;
}
#mySlidesstrgb h4 {
	padding: 10px 0 0 0;
	font-size: 12px;
	color: #004795;
	text-transform: uppercase;
	font-weight: bold;
}
#mySlidesstrgb h3 {
	padding: 0 0 10px 0;
	font-size: 11px;
	color: #004795;
	text-transform: uppercase;
	font-weight: normal;
}
#mySlidesstrgb h5 {
	font-size: 11px;
	color: #004795;
	font-weight: normal;
	text-align: justify;
	padding: 0 10px 10px 0;
}
a:focus { outline:none }
.jFlowPrevstrgb { float: left; width: 24px; height: 310px; background: #e6e6e6 url(../images/arrow-left.png) no-repeat center; cursor: pointer; }
.jFlowNextstrgb { float: left; width: 24px; height: 310px; background: #e6e6e6 url(../images/arrow-right.png) no-repeat center; cursor: pointer; }
#jFlowSlidestrgb { float: left; background: #e6e6e6; }

/* ========================================== FAQ DETAIL PAGE  === */
#faqleft {
	position:relative;
	float:left;
	width:530px;
	top:70px;
	padding-bottom: 30px;
}
#faqleft h2 {
	font: 22px Arial, Helvetica, sans-serif;
	color: #1F4E98;
	text-transform: uppercase;
	padding: 0 0 15px 0;
	letter-spacing: -0.05em;
}
#faqcenter {
	position:relative;
	float:left;
	width:10px;
	height:100px;
	top:70px;
}
#faqright {
	position:relative;
	float:left;
	width:290px;
	top:70px;
}
#faqright h4{
	width:290px;
	height:28px;
	background-color: #e6e6e6;
	font: bold 12px/28px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #1f4d98;
	text-indent: 18px;
}
#contourfaq {
	background-color: #f2f2f2;
	padding:15px;
	width:600px;
}
#contentfaq {
	font: 12px Arial, Helvetica, sans-serif;
	color: #1f4d98;
	text-decoration: none;
	display:block;
}
#contentfaq table {
	width:95%;
}
#contentfaq table td {
	font: 11px Arial, Helvetica, sans-serif;
	color: #1f4d98;
	text-decoration: none;
	border-bottom: 1px dotted #036;
}
#contentfaq table th {
	font: 11px Arial, Helvetica, sans-serif;
	color: #1f4d98;
	text-decoration: none;
}
#contentfaq h6{
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #1f4d98;
	text-decoration: none;
	text-transform: uppercase;
	}
#contentfaq ul, #contentfaq ol{
	padding : 0 0 0 20px;
	}
#contentfaq li, #contentfaq p{
	padding : 0;
	margin:0;
	}
#searchfaq {
	background-image: url(../images/bg-searchfaq.png);
	background-repeat: no-repeat;
	width:185px;
	height:25px;
	padding: 0 0 0 35px;
}
.inputsearchfaq {
	width:130px;;
	font: 10px Arial, Helvetica, sans-serif;
	color: #666;
	top:-3px;
	position:relative;
}
.submitfaq{
	border:none;
	color:#fff;
	width:25px;
	height:25px;
	background-color: transparent;
	background-image: url(../images/btn-go.png);
	background-repeat: repeat-x;
	background-position: left top;
	font: bold 10px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	cursor: hand;
}
.faqresume {
	width:600px;
	padding : 0 0 0 50px;
	font-size:12px;
}
.faq {padding : 0 0 0 50px}
.faqdes {font-size:12px;}
#contentfaq h5 {
	font-size: 12px;
	text-transform: uppercase;
	color: #fff;
	padding: 5px;
	margin : 0 0 5px 0;
	background: #2e4c92 url(../images/bg-h4.png) repeat-x;
}
/* ========================================== Menu FAQ - Accordeon */
ul#menufaq, ul#menufaq ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 290px;
}
ul#menufaq a {
  display: block;
  text-decoration: none;	
}
ul#menufaq li {
}
ul#menufaq li a {
	background: #4369a8;
	color: #fff;
	padding: 0.5em;
	font: bold 11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	padding-left: 18px;
}
ul#menufaq li a:hover {
  background: #1f4d98;
}
ul#menufaq li ul {
	background: #9fb4d3;
}
ul#menufaq li ul li a {
	background: #9fb4d3;
	color: #1f4d98;
	padding: 2px 0 2px 18px;
	text-transform: none;
}
ul#menufaq li ul li a:hover {
	color: #fff;
	background: #9fb4d3;
}
#faqtitre {
	position:relative;
	width: 680px;
	padding: 50px 0 0 5px;
}
#faqtitre h2 {
	font-size: 12px;
	color: #4e81b6;
	font-weight: normal;
	padding: 0 0 0 10px;
	float:left;
}
#faq {
	position:relative;
	width: 680px;
	padding: 0 0 0 5px;
}
#faq h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #bd0926;
	text-transform: uppercase;
	font-weight: bold;
	border-bottom: 1px solid #bd0926;
	padding: 20px 0 0 0;
}
#faq h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #4e81b6;
	font-weight: bold;
	padding: 10px 0 0 0;
}
#faq h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #999999;
	width:580px;
	float:left;
}
#faq span.openclose {
	padding: 0 0 0 10px;
	float:left;
}
.openclose a {
	font-size: 11px;
	color: #4e81b6;
	text-decoration:none;
}
.openclose a:hover {
	color: #666666;
}
.txtfaq{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4e81b6;
	font-weight: normal;
}
/* ========================================== DETAIL PAGE NEWSLETTER ===== */
#pagecontent_newsletter {
	width: 758px;
	top:18px;
	background-color: #aa107e;
	background-image: url(../images/bg-newsletter.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	position:relative;
	min-height:500px;
}
.contact1 h3{
	font: bold 19px Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
	top:26px;
	left:20px;
	position:relative;
	height:50px;
	}
.contact1 p{
	font: bold 9px Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
	left:20px;
	position:relative;
	width: 500px;
	height:35px;
}
#pagecontent_newsletter .inputbox {
    float: left;
	display: block;
	width: 220px;
	border:3px solid #c2c3c5;
}
#pagecontent_newsletter .valid{
	position:relative;
	left : 250px;
	top:10px;
}
#pagecontent_newsletter .legacy{
	float: left;
	width: 450px;
	padding: 25px 0 0 20px;
	padding-right: 220px; 
	color: #ffffff;
}
#pagecontent_newsletter .legacy span{
	color: #FC3;
	font: 10px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
/*------------------------------------------FORMULAIRE NEWSLETTER --*/
#newsletterform {
	position:relative;
	top:10px;
	width:500px;
	color: #FFF;
}
#labelsform {
	display:block;
	float:left;
	text-align:right;
	text-decoration: none;
	font: 11px/18px Arial, Helvetica, sans-serif;
	width:100px;
}
#replyform {
	display:block;
	float:left;
	text-decoration: none;
	font: 11px/18px Arial, Helvetica, sans-serif;
	width:300px;
	padding: 0 0 8px 10px;
}
#replyform b{
	font: bold 16px/18px Arial, Helvetica, sans-serif;
	padding-left:6px;
}
#replyform span {
	float:left;
	width:100%;
	position:relative;
	color: #FC0;
	text-decoration: none;
	font: bold 10px/18px Arial, Helvetica, sans-serif;
}
#boxformule{
	display:block;
	float:left;
	width:221px;
}
/* ========================================== MAINMENU  ---- */
#mainmenu {
	width: 980px;
	display:block;
	background: url(../images/bg-menu.png) repeat-x;
	height:48px;
}

.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
}
.nav {
	z-index: 100;
	position: relative;
	margin: 0 0 0 10px;
}
.nav li {
	float: left;
	margin: 0;
	padding: 0 15px;
	display:inline;
}
.nav li ul {
	width: 980px;
	visibility:hidden; 
	position:absolute;
	left:-10px;
	background: url(../images/bg-sub.png) repeat-x;
}
.nav li ul.sub li span.m1 {
	width: 50px;
	height:5px;
	display:block;
}
.nav li ul.sub li span.m2 {
	width: 90px;
	height:5px;
	display:block;
}
.nav li ul.sub li span.m3 {
	width: 270px;
	height:5px;
	display:block;
}
.nav li ul.sub li span.m4 {
	width: 450px;
	height:5px;
	display:block;
}
.nav li ul.sub li span.m5 {
	width: 550px;
	/*width: 250px;*/
	height:5px;
	display:block;
}
.nav li ul li a {
	font-size: 11px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	background: url(../images/bg-sub-picto.png) no-repeat 0px -3px;
	text-indent: 23px;
	line-height: 20px;
	padding-left: 22px;
}
.nav li ul li a:hover, .nav li ul li a:active{
	color: #bc2c16;	
	background-position: 0px -3px;
}
.nav li:hover ul,
.nav li.sfHover ul,
.nav li.sfHover a ul,
.nav li a:hover ul {visibility:visible;}
.nav li:hover > a {background-position: 0px -48px;}

.btn-menu-offre {
	background: url(../images/btn-menu-offres.png) no-repeat;
	display:block;
	width:127px;
	height:48px;
	text-indent:-9000px;
}
.btn-menu-services {
	background: url(../images/btn-menu-services.png) no-repeat;
	display:block;
	width:127px;
	height:48px;
	text-indent:-9000px;
}
.btn-menu-satellite {
	background: url(../images/btn-menu-satellite.png) no-repeat;
	display:block;
	width:127px;
	height:48px;
	text-indent:-9000px;
}
.btn-menu-aide {
	background: url(../images/btn-menu-aide.png) no-repeat;
	display:block;
	width:106px;
	height:48px;
	text-indent:-9000px;
}
.btn-menu-qui {
	background: url(../images/btn-menu-qui.png) no-repeat;
	display:block;
	width:153px;
	height:48px;
	text-indent:-9000px;
}
.btn-menu-abonne {
	background: url(../images/btn-menu-abonne.png) no-repeat;
	display:block;
	width:116px;
	height:48px;
	text-indent:-9000px;
}
.btn-menu-abonnevide {
	background: url(../images/btn-menu-abonnevide.png) no-repeat;
	display:block;
	width:116px;
	height:48px;
	text-indent:-9000px;
}
.btn-menu-offre:hover, .btn-menu-services:hover, .btn-menu-satellite:hover, .btn-menu-aide:hover, .btn-menu-qui:hover, .btn-menu-abonne:hover, .btn-menu-abonnevide:hover {
	background-position: 0px -48px;
}
/* ??????????????,  =============================  */
a:focus { outline:none }
.jFlowPrevstrgb { float: left; width: 24px; height: 310px; background: #e6e6e6 url(../images/arrow-left.png) no-repeat center; cursor: pointer; }
.jFlowNextstrgb { float: left; width: 24px; height: 310px; background: #e6e6e6 url(../images/arrow-right.png) no-repeat center; cursor: pointer; }
#jFlowSlidestrgb { float: left; background: #e6e6e6; }

/* ========================================== PROGRAMM GRID / Grille des programmes   */
#content-grille{
	position:relative;
	width: 760px;
	padding: 50px 0 0 0;
}
#liste-chaine {
	width: 760px;
}
#titreprog{
	width:743px;
	font: bold 10px/20px Arial, Helvetica, sans-serif;
	color: #1f4d98;
	text-transform: uppercase;
	padding: 3px 3px 3px 10px;
	background-color: #f2f2f2;
	height:18px;
}
.grouplogo {
	width:244px;
	position:relative;
	float:left;
	height:28px;
	border: 1px solid #CCC;
	padding: 3px;
	cursor:pointer;
}
.transparentchaine {
	filter: alpha(opacity=40); /* ie */
	-moz-opacity: .4; /* mozilla */
	border: 1px solid #b2b2b2;
	background-color: #CCC;
}
.tv-linklbox{
	width: 760px;
	height:55px;
	margin-bottom: 8px;
	overflow: hidden;
}
.tv-box-link, .tv-box-link-act {
	height: 27px;
	width: 107px;
	float:left;
	text-transform: uppercase;
	display: block;
	font: 10px/27px Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}
.tv-box-link{
	background-color: #e6e6e6;
	color: #808080;
}
a.tv-box-link:hover {
	color: #fff;
	background-color: #bd0926;
}
.tv-box-link-act {
	color: #fff;
	background-color: #bd0926;
}
.tv-box-link2, .tv-box-link2-act {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	float: left;
	width: 150px;
	padding:5px 0;
	text-transform: uppercase;
	display: block;
	text-decoration: none;
	text-align: center;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}
.tv-box-link2{
	color: #808080;
	background-color: #e6e6e6;
}
a.tv-box-link2:hover {
	color: #fff;
	background-color: #bd0926;
}
.tv-box-link2-act {
	color: #fff;
	background-color: #bd0926;
}
/* ========================================== SLIDER IN PRGRAMM GRID  */
#chaine_prog{
	float:left;
	width:755px;
	height:70px;
	margin-bottom:5px;
}
#chaine_prog a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #808080;
	text-decoration:none; 
}
.title {
	text-transform: uppercase;
	font-size:12px;
	font-weight: bold;
	color: #000000;
}
.chaine_logo {
	float: left;
	width: 89px;
	height: 56px;
	border: 1px solid #b3b3b3;
	padding:6px 5px;
	position:relative;
}
.pagination{
	float: left;
	position:relative;
	width:645px;
	padding-left:5px;
	overflow:hidden;
	height: 70px;
}
.pagination2{
	float: left;
	position:relative;
	width:754px;
	overflow:hidden;
	padding-left:2px;
	height: 70px;
}
.pagination a.prev, .pagination2 a.prev {
	position:relative;
	float:left;
	width: 20px;
	height: 70px;
	background: #e6e6e6 url(../images/arrow-left.png) no-repeat center;
	cursor: pointer;
	text-indent: -9000em;
}
.pagination a.next {
	position:relative;
	float:left;
	width: 20px;
	height: 70px;
	background: #e6e6e6 url(../images/arrow-right.png) no-repeat center;
	cursor: pointer;
	text-indent: -9000em;
	left:625px;
	top:-70px;
	z-index:1;
}
.pagination2 a.next {
	position:relative;
	float:left;
	width: 20px;
	height: 70px;
	background: #e6e6e6 url(../images/arrow-right.png) no-repeat center;
	cursor: pointer;
	text-indent: -9000em;
	z-index:1;
}
.pagination a:hover, .pagination a.selected, .pagination2 a:hover, .pagination2 a.selected{
	color: #000;
	background-color:#bd0926;
}
.sliderwrapper{
	position: relative; /* Do not change this value */
	width: 610px;
	height:auto;
	overflow: hidden;
	float:left;
}
.sliderwrapper2{
	position: relative; /* Do not change this value */
	width: 710px;
	height:auto;
	overflow: hidden;
	float:left;
}
.sliderwrapper .contentdiv{
	visibility: hidden; /*leave as is*/
	background: white;
	width: 610px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
	height: auto;
	overflow:hidden;
}
.sliderwrapper2 .contentdiv{
	visibility: hidden; /*leave as is*/
	background: white;
	width: 710px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
	height: auto;
	overflow:hidden;
}


.box-side { float: left; width: 188px; height: 64px; padding: 2px 5px; margin: 0 1px; border: 1px solid #CCCCCC; overflow: hidden;  }
.box-side2 { float: left; width: 221px; height: 64px; padding: 2px 5px; margin: 0 1px 0 2px; border: 1px solid #CCCCCC; overflow: hidden; position: relative; }
#toolTip { position:absolute;z-index:1000;width:250px;background:#e6e6e6;border:2px double #CCCCCC;text-align:left;padding:8px;min-height:1em;-moz-border-radius:5px; }
#toolTip p { margin:0;padding:0;color:#000;font:12px/13px verdana,arial,sans-serif; }
#toolTip p em span { font-weight:bold;color:#000; }

/* ==========================================  Tooltips -----*/
/* Easy Tooltip */
#easyTooltip{
	margin:0 10px 1em 0;
	width:250px;
	padding:8px;
	border:1px solid #999;
	line-height:130%;
	background-color: #FBFBFB;
}
#easyTooltip h3{
	margin:0 0 .5em 0;
	font-size: 14px;
	color: #004795;
	text-transform: uppercase;
	font-weight: bold;
}	
#easyTooltip p{
	margin:0 0 .5em 0;
	text-align: justify;
	font-size: 11px;
}		
#easyTooltip img{
	background:#fff;
	padding:1px;
	border:1px solid #e1e1e1;
	float:left;
	margin-right:10px;
}		
.item{display:none;}
/* ========================================== simple CSS tips ---- */
a.tips {position: relative;}
a.tips span {
	display: none;
	position: absolute;
	left: -300px;
	top:-150px;
	padding: 5px;
	z-index: 100;
	border: 1px solid #999;
	background-color: #FFF;
}
a:hover.tips {font-size: 99%;}
a:hover.tips span {display: block;}

.transparent {
	filter: alpha(opacity=40); /* ie */
	-moz-opacity: .4; /* mozilla */
	background:#ccc;
	border: 1px solid #b2b2b2;
}

/* ========================================== JQUERY POPUP INTERNE PAGE ---- */
div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #666;
	display: none;
	z-index: 30;
}
* html div#fancy_overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
div#fancy_wrap {
	text-align: left;
}
div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}
div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('../images/fancy_progress.png') no-repeat;
}
div#fancy_loading_overlay {
	position: absolute;
	background-color: #FFF;
	z-index: 30;
}
div#fancy_loading_icon {
	position: absolute;
	background: url('../images/fancy_loading.gif') no-repeat;
	z-index: 35;
	width: 16px;
	height: 16px;
}
div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 33px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}
div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #BBB;
	background: #FFF;
}
div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}
div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}
img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}
div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('../images/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}
#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}
#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}
a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url(data:image/gif;base64,AAAA);
	outline: none;
}
a#fancy_left {
	left: 0px; 
}
a#fancy_right {
	right: 0px; 
}
span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}
span#fancy_left_ico {
	left: -9999px;
	background: transparent url('../images/fancy_left.png') no-repeat;
}
span#fancy_right_ico {
	right: -9999px;
	background: transparent url('../images/fancy_right.png') no-repeat;
}
a#fancy_left:hover {
  visibility: visible;
}
a#fancy_right:hover {
  visibility: visible;
}
a#fancy_left:hover span {
	left: 20px; 
}
a#fancy_right:hover span {
	right: 20px; 
}
.fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}
div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('../images/fancy_shadow_n.png') repeat-x;
}
div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../images/fancy_shadow_ne.png') no-repeat;
}
div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('../images/fancy_shadow_e.png') repeat-y;
}
div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../images/fancy_shadow_se.png') no-repeat;
}
div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('../images/fancy_shadow_s.png') repeat-x;
}
div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../images/fancy_shadow_sw.png') no-repeat;
}
div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('../images/fancy_shadow_w.png') repeat-y;
}
div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../images/fancy_shadow_nw.png') no-repeat;
}
div#fancy_title {
	position: absolute;
	bottom: -33px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}
div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
}
div#fancy_title table {
	margin: 0 auto;
}
div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}
td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(fancy_title_left.png) repeat-x;
}
td#fancy_title_main {
	height: 32px;
	background: transparent url(fancy_title_main.png) repeat-x;
}
td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(fancy_title_right.png) repeat-x;
}


/* ============= style =*/
 .highlight, .highlight_important 
    {  
    background:#cdcdcd  ;
	
    }  
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{
	background:#CCC;
}

#colorbox{}
#cboxContent{margin-top:20px;}
#cboxLoadedContent{background:#000; padding:5px;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../images/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../images/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
#cboxNext.hover{background-position:bottom right;}
#cboxLoadingOverlay{background:#000;}
#cboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../images/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
#cboxClose.hover{background-position:bottom center;}

/* ============== Tabs ==*/
/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #ccc;	
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a {
	background: url(../images/blue.png) no-repeat -420px -62px;
	font-size:12px;
	display:block;
	height: 30px;
	line-height:30px;
	width: 134px;
	text-align:center;
	text-decoration:none;
	color:#000;
	padding:0px;
	margin:0px;
	position:relative;
	top:0;
	font-weight: bold;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px 0;		
	cursor:default !important; 
	color:#FFF !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
/*div.panes div.pane {
	display:none;
}*/
div.wrap {
	width:880px;
	margin-bottom:40px;
}

.wrap .panes {	
	display:none;		
	padding:25px 0;
	border-top:0;
}

.wrap .panes2 {	
	display:none;		
	float:left;
	width: 650px;
	padding:10px;
	background-color:#E6E6E6;
}

/* Pour la deuxième table inside */

.wrap ul.tabs2 {
	width: 200px;
	list-style: none;
	float:left;
	padding-bottom:15px;
}
.wrap ul.tabs2 li {
	text-indent: 20px;
}
.wrap ul.tabs2 li a {
	color: #222;
	text-decoration: none;
	display: block;
	height: 33px;
	line-height:33px;
	outline: none;
	background: url(../images/tabs2.png) no-repeat 0px 0px;
	font-size: 12px;
	font-weight: bold;
}

.wrap ul.tabs2 li a:hover {
	background:  url(../images/tabs2.png) no-repeat 0px -66px;
	color: #FFF;
}

.wrap ul.tabs2 li a.current {
	background:  url(../images/tabs2.png) no-repeat 0px -33px;
	color: #FFF;
}

.wrap ul.tabs2 li a.current:hover {
	text-decoration: none;
	cursor: default;
}

#homer p, #homer li  { font-size:12px;}
#homer ul { 
padding:0 0 0 30px;
}
#homer h2 { 
font-size:15px;
padding: 0 0 15px 0;
}

/* -------- SCROLLER Guide des programmes ---*/
ul, li, h4, h3, h2, h1, p{
	padding:0;
	margin:0;
	list-style:none;
}
.next, .prev{
	cursor:pointer;
}
.screen{
	position:relative;
	height:70px;
	width:650px;
	margin-top:0px;
	margin-left:3px;
	float:left;
	overflow:hidden;
}
.screen .prev{
	display:block;
	width:20px;
	height:70px;
	float:left;
	position:relative;
}
.screen .next{
	display:block;
	width:20px;
	height:70px;
	position:absolute;
	left:630px;
	float:left;
	z-index:1;
}
.sections{
	overflow:hidden;
	background-color:white;
	width:630px;
	margin-left:0px;
	float:left;
}
.sections ul{
	width:96600px;
}
.sections li{
	float:left;
	padding:0 2px;
}