/* ATTENTION si vous changez un style, pensez, si besoin, à le répercuter dans la rubrique d'envoi de mail)*/

* {margin: 0px; padding: 0px;}
* {outline: none;}


blockquote{
  margin-left:40px;
  margin-top:5px;
  margin-bottom:5px;
}

html{  
  background-color:#FFFFFF;
}

html, body {  
  padding:0px;
  font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	
	color: #333333;
  margin:0px auto; 
}
h1,h2,h3,h4,h5{
  display:inline;  
  font-weight:normal; 
}
h1{
  display:inline;  
  font-weight:bold; 
}

body * {
  font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

p{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;	
  color: #434343;	text-decoration: none;
}

div.left{
  float:left;
}

div.clear{
  clear:both;
  font-size:0.01px;
  max-height:0.01px;
  height:0.01px;  
  margin:0px;
}
br.clear{
  clear:both;  
  font-size:0.01px;
  max-height:0.01px;
  height:0.01px;
  margin:0px;
}

.normal{
  font-weight:normal;  
}
.mav{
  font-weight:bold;
}


.couleur{
  color:#FF3399;
}

select{
  border-left:1px solid #3F6699;
  border-right:1px solid #3F6699;  
  border-top:1px solid #718EB4;    
  border-bottom:1px solid #718EB4;
  font-size:10px;
  padding-top:2px;
  padding-left:1px;
}
textarea{
  border-top:1px solid #AFADB0;  
  border-left:1px solid #AFADB0;  
  border-right:1px solid #AFADB0;
  border-bottom:1px solid #AFADB0;
  font-size:10px;
  padding-top:2px;
  padding-left:1px;
}


#global {  
  margin:auto;
  width:1002px;
}

.noir {  
  background-color:#000000;
}

#central{  
  min-height:600px;
  height:auto !important;     /* --- /!\ IE6 min height /!\ --- */
  height:600px;               /* --- /!\ IE6 min height /!\ --- */
}

/*Positionne le logo et le menu gauche en flottant*/
#conteneurgauche{
  position:absolute;
  z-index:10;
}
#conteneurgauche .spacerleft{
  height:140px;
  width:197px;
}

div#glasspaint{
 
  /*width:1px; 
  height:1px; 
  
  background-color:#FFFFFF;   
  position:absolute;
  z-index:599; 
  top:0px;
  left:0px;*/
  
  
	width:1px; 
  height:1px;   
  position:absolute;
  z-index:10; 
  background-color:#FFFFFF; 
  top:0px;
  left:0px;
}

div#glasspaintviewer{
   
	width:1px; 
  height:1px;   
  position:absolute;
  z-index:10; 
  background-color:#000000; 
  top:0px;
  left:0px;
}

div#header{
  position:relative;
}

div.changeTime{
  background-color:#4B9BD2;
  border:1px solid #FFFFFF;
  color:#FFFFFF;
  font-size:12px;
  padding:10px;
  position:absolute;
  z-index:10001; 
}
div.changeTime input.input{
  width:20px;
}
div.changeTime input.button{
  float:right;
}


div.pub_bottom{
  margin-top:85px;
  width:224Px;
  height:210Px;
  padding-top:5px;
  background:url(../img/v2/pub-bottom.gif) no-repeat top left;
  position:relative;
  left:-17px;
}
div.pub_top{
  float:left;
  display:inline;
  width:620Px;
  height:95Px;
  padding-top:5px;
  background:url(../img/v2/pub-top.gif) no-repeat top left;
}

div.pub_top embed, div.pub_top object, div.pub_top img{
  Margin-top:2px;
  margin-left:5px;
}

div.pub_bottom embed, div.pub_bottom object, div.pub_bottom img{
  Margin-top:8px;
  margin-left:5px;
}
/*---------------------------------------------------------------------*/
/*-------------------------LOGIN TOP-----------------------------------*/
/*---------------------------------------------------------------------*/

div.loginTop div.fuseau{
  float:right;  
  display:inline;
  margin:0px; 
  margin-right:14px;
  margin-top:5px;
}
div.loginTop span.fuseaupetit{
  font-size:9px;
  color:white;
}

div.loginTop div.logged{
  color:white;
  font-weight:bold;
  font-size:14px;
  margin-top:2px;
  background-color:#4B9BD2;
  position:absolute;
  top:32px;
  left:23px;
  width:305px;
  height:45px;
  text-align:right;
  
}

div.loginTop div.disconnect{  
  top:37px;
  left:330px;
  width:40px;
  height:40px;
  cursor:pointer;
  position:absolute;
}

div.loginTop div.fuseau div.title{
  color:#FFFFFF;
  font-size:11px;
  font-weight:bold;
}

div.loginTop div.fuseau div.horaire{
  color:#FFFFFF;
  font-size:11px;
  font-weight:bold;
  text-align:center;
}

div.loginTop{
  float:right;
  width:376px;
  height:85px;
  background:url(../img/V2/fond_login.gif) no-repeat 0px 0px;
  position:relative;
}

div.loginTopnoir{  
  background:url(../img/V2/fond_login_noir.gif) no-repeat 0px 0px;  
}

div.loginTop input.password{
  position:absolute;
  border:0px;
  
  top:42px;
  left:181px;
  width:139px;
}

div.loginTop input.login{
  position:absolute;
  border:0px;
  
  top:42px;
  left:26px;
  width:139px;
}

div.loginTop div.oubli{
  position:absolute;
  top:70px;
  left:220px;
  font-style:italic;
  color:#FFFFFF;
}
div.loginTop div.oubli a{ 
  color:#FFFFFF;
  text-decoration:none;
}



/*---------------------------------------------------------------------*/
/*-------------------------LOGO ---------------------------------------*/
/*---------------------------------------------------------------------*/

#logosite{
  position:relative;
  margin-bottom:5px;
}

#logositeviewer{
  position:absolute;
  top:15px;
  left:0px;
}

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

#menu{
  width:180px;  
  background-color:#4B9BD2;   
  padding-right:20px;
  position:relative;
  padding-top:5px;
  padding-bottom:5px;
}
#menu div.menuOn{
  clear:both;
  float:right;
  white-space: nowrap;
  color:#F6CCDD;
  font-size:18px;
  height:27px;
  text-transform:uppercase;
  font-weight:normal;
  cursor:pointer;
  background:url(../img/V2/menu_sel_middle.gif) repeat-x 0px 0px;
  padding-top:2px;
}
#menu div.menuOver{
  clear:both;
  float:right;
  white-space: nowrap;
  color:#661974;
  font-size:18px;
  height:27px;
  text-transform:uppercase;
  font-weight:normal;
  cursor:pointer; 
  padding-top:2px;
}
#menu div.menuOff{
  clear:both;
  float:right;
  white-space: nowrap;
  color:#FFFFFF;
  height:27px;
  font-size:18px;
  text-transform:uppercase;
  font-weight:normal;
  cursor:pointer;
  padding-top:2px;
}

/*Create, TOP & LEFT By Jquery*/
#menu div.menuOn div.partLeft{
  background:url(../img/V2/menu_sel_left.gif) repeat-x 0px 0px;
  width:13px;
  height:27px;
  position:absolute;
}
/*Create, TOP & LEFT By Jquery*/
#menu div.menuOn div.partRight{
  width:13px;
  height:27px;
  background:url(../img/V2/menu_sel_right.gif) repeat-x 0px 0px;
  position:absolute;
}

#menu .topleft{
  background:url(../img/V2/menu_top_left.gif) no-repeat 0px 0px;
  width:37px;
  height:37px;
  position:absolute;
  top:-1px;
  left:-1px;
}
#menu .bottomright{
  background:url(../img/V2/menu_bottom_right.gif) no-repeat 0px 0px;
  width:37px;
  height:37px;
  position:absolute;
  /*TOP & LEFT By Jquery*/
}

#menu .menusep{
  height:2px;
  width:168px;
  float:right;
  /*background:url(../img/V2/menu_separateur.gif) no-repeat 0px 0px;*/
  border-bottom:1px solid #FFFFFF;
  margin-top:2px;
  margin-bottom:2px;
  font-size:0.1px;
}

#menu .sousmenuoffre{
  position:absolute;
  left:206px;
  top:40px;
  width:206px;
  font-size:0px;
  line-height:0px;
}
#menu .sousmenusouscription{
  position:absolute;
  left:206px;
  top:75px;
  width:206px;
  font-size:0px;
  line-height:0px;
}

#menu .sousmenusouscription .interdit{
  font-size:9px;
  text-transform:none;
  text-align:right;
  color:#661974;
}

#menu .unSousMenu{ 
  width:189px;
  background-color:#E1007A;
  font-size:12px;
  line-height:20px;
  font-size:18px;
  color:#FFFFFF;
  padding-left:15px;
  padding-top:2px;
  border-left:1px solid #FFFFFF;
  border-right:1px solid #FFFFFF;
}

#menu .unSousMenu:hover{ 
  color:#661974;
}

#menu .sousmenusep{
  height:2px;
  width:168px;  
  border-bottom:1px solid #FFFFFF;
  margin-top:2px;  
  font-size:0.1px;
}



/*---------------------------------------------------------------------*/
/*-------------------------CONTENU-------------------------------------*/
/*---------------------------------------------------------------------*/

#content{
  width:935px;  
  background:url(../img/fondcontent.png);   
  padding:0px 3px 0px 30px;
  clear:both;
}

/*---------------------------------------------------------------------*/
/*-------------------------COPY----------------------------------------*/
/*---------------------------------------------------------------------*/
#copy{  
 
}

/*---------------------------------------------------------------------*/
/*-------------------------FOOTER--------------------------------------*/
/*---------------------------------------------------------------------*/
#footer{
  width:1002px;  
  text-align:center; 
}

#footer ul.top{
  width:968px;
  list-style-type:none;
  margin:auto;
  text-align:center;
  height:22px;
}

#footer ul.top li{
  display:inline;
  padding:0px 22px 5px 0px;
  color:#FFFFFF;       
  font-family:verdana;  
  font-weight:normal;    
  font-size:12px; 
  text-transform:uppercase;
}

#footer ul.top li a:active, #footer ul.top li a:link, #footer ul.top li a:visited {
  text-decoration:none;
  font-size:13px;
  color:#4D4D4D;
}
#footer ul.top li a:hover {
  text-decoration:underline;
  color:#4D4D4D;
}

#footer ul.bottom{
  width:968px;
  list-style-type:none;
  margin:auto;
  text-align:center;
  height:22px;
}

#footer ul.bottom li{
  display:inline;
  padding:0px 22px 5px 0px;
  color:#FFFFFF;       
  font-family:verdana;  
  font-weight:normal;    
  font-size:10px;   
}

#footer ul.bottom li a:active, #footer ul.bottom li a:link, #footer ul.bottom li a:visited {
  text-decoration:none;
  color:#BFBFC0;
}
#footer ul.bottom li a:hover {
  text-decoration:underline;
  color:#BFBFC0;
}

#footer ul li div{
  display:inline;
  float:left;
}



/*---------------------------------------------------------------------*/
/*-------------------------PAGE OFFRES---------------------------------*/
/*---------------------------------------------------------------------*/

div#offres{  
  padding-left:230px;
  padding-top:0px;
  padding-bottom:15px;
  position:relative;
}


div#offres div.supplement{ 
  position:absolute;
  
  width:222px;
  height:209px;
  background:url(../img/v2/offre_2.jpg) no-repeat top left;  
  
  top:375px;
  left:-2px;
  
}

div#offres div.raisons{ 
  position:absolute;
  cursor:pointer;
  width:214px;
  height:66px;
  background:url(../img/v2/5raisons.jpg) no-repeat top left;  
  
  top:291px;
  left:-2px;
  z-index:10;
  
}

div#offres div.telecommande_1{ 
  background:url(../img/v2/telecommande_1.jpg) no-repeat top left;   
  width:213px;
  height:437px;
  padding-top:153px;
  float:left;
  display:inline;  
  position:relative;
}
div#offres div.telecommande_2{ 
  background:url(../img/v2/telecommande_2.jpg) no-repeat top left;   
  width:213px;
  height:437px;
  padding-top:153px;
  float:left;
  display:inline;  
  position:relative;
}
div#offres div.conteneurChaines{
  overflow-x:hidden;
  overflow-y:scroll;
  width:197px;
  height:317px;
  padding-left:5px;
}

div#offres div.uneChaine_1{
  background:url(../img/v2/fond_bouton_telecommande_1.jpg) no-repeat top left;   
  width:43px;
  height:37px;
  text-align:center;
  float:left;
  display:inline;
  margin-right:2px;
  margin-bottom:3px;
  position:relative;
}
div#offres div.uneChaine_1 img{
  margin-top:1px;
}
div#offres div.uneChaine_2{
  background:url(../img/v2/fond_bouton_telecommande_2.jpg) no-repeat top left;   
  width:43px;
  height:37px;
  text-align:center;
  float:left;
  display:inline;
  margin-right:2px;
  margin-bottom:3px;
  position:relative;
}
div#offres div.uneChaine_2 img{
  margin-top:1px;
}

div#offres div.timeshift{
  position:absolute;
  top:3px;
  left:7px;
  font-size:9px;
}

div#offres div.infos_1{
  width:547px;    
  float:right;
  display:inline;  
  position:relative;
}
div#offres div.infos_2{
  width:547px;    
  float:right;
  display:inline; 
  position:relative; 
}

div#offres .titre_offre{
  float:right;
  display:inline;
}

div#offres .apercu{
  width:528px;
  height:421px;
  float:right;
  display:inline;
  clear:right;
  margin-top:5px;
  margin-bottom:5px;
  position:relative;
}
div#offres .newimage{
  position:absolute;
  top:0px;
  left:0px;
  height:530px;
  width:549px;
  background-color:white;
}
div#offres .newimage img{
  position:absolute;
  top:0px;
  left:0px; 
  
}
div#offres .pourseulement{
  float:right;
  display:inline;
  clear:right;
}
div#offres .jesouscris{
  float:right;
  display:inline;
  clear:right;
  cursor:pointer;
}


div#offres .loupe{
  background:url(../img/v2/zoomchaine.png) no-repeat top left;   
  width:76px;
  height:64px;
  position:absolute;  
  text-align:center;
  overflow:hidden;
}
div#offres .loupe img{
  margin-top:-5px;
}
div#offres div.timeshiftbig{
  position:absolute;
  top:3px;
  left:15px;
  font-size:14px;
}


div#offres  #popRaisons{
  background:url(../img/v2/fond_5raisons.gif) no-repeat  top left;
  color:#4B9BD2;
  width:457px;  
  height:482px;  
  position:absolute;
  
  z-index:3;  
  
}

div#offres  #popRaisons .close{
  top:4px;
  left:405px;
  position:absolute;
  width:29px;
  height:27px;
  cursor:pointer;  
  
}


div#offres  #popRaisons .contentToRefresh{
  margin-top:90px;
  padding-left:40px;
  padding-right:23px;
}

div#offres  #popRaisons .contentToRefresh p, div#offres  #popRaisons .contentToRefresh a{
  color:#70814A;
  font-size:13px;
}

/*---------------------------------------------------------------------*/
/*------------------PAGE DE GESTION DES ERREURS------------------------*/
/*---------------------------------------------------------------------*/

div#errorContent{
  width:945px;  
  background:url(../img/fondcontent.png);   
  padding:20px 3px 200px 20px;
  clear:both;
  
  color:#333333;
  font-size:15px;
  padding-bottom:50px;    
  font-weight:bold;
  text-align:center;
}

/*---------------------------------------------------------------------*/
/*------------------PAGE DE GESTION DES PAIEMENTS----------------------*/
/*---------------------------------------------------------------------*/

div#Paycontent{  
  width:955px;  
  background:url(../img/fondcontent.png);   
  padding:0px 3px 50px 10px;
  clear:both;
  
  color:#333333;
  font-size:15px;  
  font-weight:bold;
  text-align:center;
}

/*---------------------------------------------------------------------*/
/*------------------PAGE DE DOWNLOAD-----------------------------------*/
/*---------------------------------------------------------------------*/

div#download{  
  padding-left:230px;
  padding-top:50px;
  padding-bottom:15px;
}

/*---------------------------------------------------------------------*/
/*------------------PAGE DE SOUSCRIPTION-------------------------------*/
/*---------------------------------------------------------------------*/

div#souscription{  
  padding-left:300px;
  padding-top:20px;
  padding-bottom:15px;
}
div#souscription input.text{  
  border : 1px solid #FFFFFF;
  width:180px;
  height:14px;
  !height:12px; /*Sous IE */
}
div#souscription input.radio{  
  height:14px;
  !height:12px; /*Sous IE */
}
div#souscription select{  
  border : 1px solid #FFFFFF;
  width:160px;  
}
div#souscription select.small{  
  border : 1px solid #FFFFFF;
  width:96px;
}

div#souscription div.abo_demo{  
  width:383px;  
  height:499px;      
  padding-top:69px;
  padding-left:145px;
  background:url(../img/v2/fond_souscription_demo.gif) no-repeat top left; 
}
div#souscription div.abo_1{  
  width:383px;  
  height:499px;      
  padding-top:69px;
  padding-left:145px;
  background:url(../img/v2/fond_souscription_1.gif) no-repeat top left;   
}
div#souscription div.abo_2{  
  width:383px;  
  height:499px;      
  padding-top:69px;
  padding-left:145px;
  background:url(../img/v2/fond_souscription_2.gif) no-repeat top left;   
}

div#souscription div.dessous_demo,div#souscription div.dessous_1{
  color:#620B73;
  padding-left:0px;
  padding-top:5px;
  width:210px;
  line-height:11px;
}
div#souscription div.dessous_2{
  color:#FFFFFF;
  padding-left:0px;
  padding-top:5px;
  width:210px;
  line-height:11px;
}
div#souscription div.dessous_demo .offre,div#souscription div.dessous_1 .offre{
  color:#620B73;
  text-transform:uppercase;
  font-size:11px;
}
div#souscription div.dessous_2 .offre{
  color:#FFFFFF;
  text-transform:uppercase;
  font-size:11px;
}

div#souscription div.dessous_demo .valid,div#souscription div.dessous_1 .valid{
  width:153px;  
  height:34px; 
  background:url(../img/v2/je_valide.gif) no-repeat top left;
  margin-left:20px; 
  margin-top:10px; 
  cursor:pointer; 
}
div#souscription div.dessous_2 .valid{
  width:153px;  
  height:34px; 
  background:url(../img/v2/je_valide_2.gif) no-repeat top left;
  margin-left:20px; 
  margin-top:10px; 
  cursor:pointer; 
}

/*---------------------------------------------------------------------*/
/*------------------Recap abonné paiement------------------------------*/
/*---------------------------------------------------------------------*/

div#abo{
  padding-left:230px;
  padding-top:60px;
  padding-bottom:15px;
}

div#abo .introRecap{
  font-family: Arial;	font-size: 13px;	color: #CC3366;	text-decoration: none;	font-weight:bold;
}

div#abo div.form label{
  clear:both;
  display:block;
  margin-bottom:10px;
  width:174px;
  float:left;
  font-size:13px;
  text-align:right;
  margin-right:5px;
}
div#abo div.form div.valeur{   
  margin-bottom:10px;  
  float:left;
  font-size:13px;
  font-weight:bold;  
  width:210px;
}
div#abo div.form .etoile{
  color:#0033CC;
  font-weight:bold;
  font-size:15px;
}
div#abo div.form div.obligatoire{
  position:absolute;
  top:483px;
  left:235px;
  width:149px;
  height:20px;
  font-size:13px;
}
div#abo div.form div.reconduction{
  position:absolute;
  top:483px;
  left:5px;
  width:400px;
  height:20px;
  font-size:13px;
}

div#abo div.form input.text{
  width:148px;
  height:17px;
  float:left;
  margin-bottom:10px;
  border-top:1px solid #7C7C7C;
  border-left:1px solid #C3C3C3;
  border-right:1px solid #C3C3C3;
  border-bottom:1px solid #DDDDDD;  
}

div#abo div.form select{
  display:block;
  float:left;
  display:inline;
  width:151px;
  border-top:1px solid #7C7C7C;
  border-left:1px solid #C3C3C3;
  border-right:1px solid #C3C3C3;
  border-bottom:1px solid #DDDDDD;
  margin-bottom:10px;
}

div#abo div.form input.radio{
  width:13px;
  height:17px;  
  margin-bottom:10px;
}

div#abo div.form div.titre{
  color:#000000;
  font-size:20px;
  padding-top:22px;
  /*padding-left:90px;*/
  text-align:center;
  text-transform:uppercase;
  height:70px;
}

div#abo div.left{
  float:left;
  display:inline;
  margin-right:75px;  
}
div#abo div.right{
  float:left;
  display:inline;  
}

div#abo div.form div.obligatoire{
  position:absolute;
  top:483px;
  left:235px;
  width:149px;
  height:20px;
  font-size:13px;
}
div#abo div.form div.reconduction{
  position:absolute;
  top:483px;
  left:5px;
  width:400px;
  height:20px;
  font-size:13px;
}

div#abo div.form div.bouquet{  
  border-bottom:1px solid #333333;
  font-size:13px;
  font-style:italic;
  color:#8D8D8D;
  margin-bottom:14px;
}

div#abo div.form div.formuleChoisie{  
  font-size:13px;  
  color:#333333;
  margin-bottom:30px;
  text-align:center;
  text-transform:uppercase;
  font-weight:bold;
}

div#abo div.form div.pictoFormule{  
  width:286px;  
  font-size:13px;  
  margin:auto;
  margin-bottom:20px;
  text-align:center;
  background:url(../img/abo_fond_offre_choisie.gif) no-repeat top left;
  padding-top:15px;  
}

div#abo div.form div.pictoFormule div{
  font-size:13px;
  text-align:left;
  padding-left:17px;
}

div#abo div.form div.uneOffre{  
  font-size:13px;  
  color:#8D8D8D;
  margin-bottom:55px;
  padding-left:75px;
}
div#abo div.form div.limit{
  color:red;  
  font-size:10px;
  text-align:center;
  padding-left:37px;
}
div#abo div.form div.confirm{  
  text-align:center;
}

div#abo div.form div.CGA{  
  /*width:368px;*/
  margin-left:30px;
  text-align:left;
  margin-bottom:5px;
}

div#abo div.form div.CGA div.valeur{   
  margin-bottom:10px;  
  float:left;
  font-size:12px;
  font-weight:normal;  
  width:340px;
}

div#abo div.form div.CGA input{
  clear:both;
  float:left;
  margin-right:5px;
}

/*---------------------------------------------------------------------*/
/*------------------Espace abonné --------------------------------------*/
/*---------------------------------------------------------------------*/

div#espaceabonne{
  padding-left:230px;
  padding-top:60px;
  padding-bottom:15px;
}

div#espaceabonne .introRecap{
  font-family: Arial;	font-size: 13px;	color: #CC3366;	text-decoration: none;	font-weight:bold;
}

div#espaceabonne div.form label{
  clear:both;
  display:block;
  margin-bottom:10px;
  width:174px;
  float:left;
  font-size:13px;
  text-align:right;
  margin-right:5px;
}
div#espaceabonne div.form div.valeur{   
  margin-bottom:10px;  
  float:left;
  font-size:13px;
  font-weight:bold;  
  width:210px;
}
div#espaceabonne div.form .etoile{
  color:#0033CC;
  font-weight:bold;
  font-size:15px;
}
div#espaceabonne div.form div.obligatoire{
  position:absolute;
  top:483px;
  left:235px;
  width:149px;
  height:20px;
  font-size:13px;
}
div#espaceabonne div.form div.reconduction{
  position:absolute;
  top:483px;
  left:5px;
  width:400px;
  height:20px;
  font-size:13px;
}

div#espaceabonne div.form input.text{
  width:148px;
  height:17px;
  float:left;
  margin-bottom:10px;
  border-top:1px solid #7C7C7C;
  border-left:1px solid #C3C3C3;
  border-right:1px solid #C3C3C3;
  border-bottom:1px solid #DDDDDD;  
}

div#espaceabonne div.form select{
  display:block;
  float:left;
  display:inline;
  width:151px;
  border-top:1px solid #7C7C7C;
  border-left:1px solid #C3C3C3;
  border-right:1px solid #C3C3C3;
  border-bottom:1px solid #DDDDDD;
  margin-bottom:10px;
}

div#espaceabonne div.form input.radio{
  width:13px;
  height:17px;  
  margin-bottom:10px;
}

div#espaceabonne div.form div.titre{
  color:#000000;
  font-size:20px;
  padding-top:22px;
  /*padding-left:90px;*/
  text-align:center;
  text-transform:uppercase;
  height:70px;
}

div#espaceabonne div.left{
  float:left;
  display:inline;
  margin-right:75px;  
}
div#espaceabonne div.right{
  float:left;
  display:inline;  
}


div#espaceabonne div.form div.obligatoire{
  position:absolute;
  top:483px;
  left:235px;
  width:149px;
  height:20px;
  font-size:13px;
}
div#espaceabonne div.form div.reconduction{
  position:absolute;
  top:483px;
  left:5px;
  width:400px;
  height:20px;
  font-size:13px;
}

div#espaceabonne div.form div.bouquet{  
  border-bottom:1px solid #333333;
  font-size:13px;
  font-style:italic;
  color:#8D8D8D;
  margin-bottom:14px;
}

div#espaceabonne div.form div.formuleChoisie{  
  font-size:13px;  
  color:#333333;
  margin-bottom:30px;
  text-align:center;
  text-transform:uppercase;
  font-weight:bold;
}

div#espaceabonne div.form div.pictoFormule{  
  width:286px;  
  font-size:13px;  
  margin:auto;
  margin-bottom:20px;
  text-align:center;
  background:url(../img/abo_fond_offre_choisie.gif) no-repeat top left;
  padding-top:15px;  
}

div#espaceabonne div.form div.pictoFormule div{
  font-size:13px;
  text-align:left;
  padding-left:17px;
}

div#espaceabonne div.form div.uneOffre{  
  font-size:13px;  
  color:#8D8D8D;
  margin-bottom:55px;
  padding-left:75px;
}
div#espaceabonne div.form div.limit{
  color:red;  
  font-size:10px;
  text-align:center;
  padding-left:37px;
}
div#espaceabonne div.form div.confirm{  
  text-align:center;
}

div#espaceabonne div.form div.CGA{  
  /*width:368px;*/
  margin-left:30px;
  text-align:left;
  margin-bottom:5px;
}

div#espaceabonne div.form div.CGA div.valeur{   
  margin-bottom:10px;  
  float:left;
  font-size:12px;
  font-weight:normal;  
  /*width:340px;*/
}

div#espaceabonne div.form div.CGA input{
  clear:both;
  float:left;
  margin-right:5px;
}


/*---------------------------------------------------------------------*/
/*------------------Viewer---------------------------------------------*/
/*---------------------------------------------------------------------*/

div#viewer{
  padding-left:0px;
  padding-top:10px;
  padding-bottom:15px;
  position:relative;
  overflow:hidden;

  z-index: 9999;
}

div#viewer div.home_anim{
  padding:0px 3px 0px 5px;
}

div#viewer div#RayvControlContainer{  
  width:748px;
  height:581px;
  margin-bottom:2px;
  position:relative;
  z-index:1;
}
div#viewer div#RayvControlContainer object, div#viewer div#RayvControlContainer embed {  
  position:relative;
  z-index:1;
}

div#divtelecommande {
  z-index: 8;
}

div#viewer div.telecommande_1{ 
  background:url(../img/v2/telecommande_1_noir.jpg) no-repeat top left;   
  width:213px;
  height:437px;
  padding-top:153px;
  float:left;
  display:inline;  
  position:absolute;
  top:0px;
  left:765px;
}

div#viewer div.epgSlide{
  margin-left:4px;
  height:156px;
  width:197px;
}
div#viewer div.epgSlide .titre{
  font-size:15px;
  color:#FFFFFF;
}
div#viewer div.epgSlide .titre .contentToRefresh{
  height:134px;
}

div#viewer div.epgSlide .timezone{
  font-size:13px;
  font-weight:bold;
  color:#000000;
  text-align:center;
}
div#viewer div.epgSlide .heure{
  font-size:13px;
  font-weight:bold;
  color:#000000;
  text-align:center;
}
div#viewer div.epgSlide .infos{
  font-style:italic;
}

div#viewer div.epgSlide div.handle{  
  width:197px;
  height:10px;
  padding-left:5px;
  cursor:pointer;
}
div#viewer div.telecommande_1 div.epgSlide div.handle_on{  
  background:url(../img/v2/handle_1.gif) no-repeat top left;   
}
div#viewer div.telecommande_1 div.epgSlide div.detailepgSlide{
  width:198px;
  height:156px;
  overflow:hidden;
  background:url(../img/v2/fond_mini_epg_1.gif) no-repeat top left;   
  background-color:#d4cfc9;
  cursor:pointer;
}

div#viewer div.telecommande_2{ 
  background:url(../img/v2/telecommande_2_noir.jpg) no-repeat top left;   
  width:213px;
  height:437px;
  padding-top:153px;
  float:left;
  display:inline;  
  position:absolute;
  top:0px;
  left:765px;
}
div#viewer div.conteneurChaines{
  overflow-x:hidden;
  overflow-y:scroll;
  width:197px;
  height:160px;
  padding-left:5px;
  position: relative;
}

div#viewer div.telecommande_2 div.epgSlide div.handle_on{  
  background:url(../img/v2/handle_2.gif) no-repeat top left;   
}
div#viewer div.telecommande_2 div.epgSlide div.detailepgSlide{
  width:198px;
  height:156px;
  overflow:hidden;  
  background:url(../img/v2/fond_mini_epg_2.gif) no-repeat top left; 
  background-color:#bb5088;  
  cursor:pointer;
}

div#viewer div.uneChaine_1{
  background:url(../img/v2/fond_bouton_telecommande_1.jpg) no-repeat top left;   
  width:43px;
  height:37px;
  text-align:center;
  float:left;
  display:inline;
  margin-right:2px;
  margin-bottom:3px;
  position:relative;
  overflow: hidden;
}
div#viewer div.uneChaine_1 img{
  margin-top:1px;
}
div#viewer div.uneChaine_2{
  background:url(../img/v2/fond_bouton_telecommande_2.jpg) no-repeat top left;   
  width:43px;
  height:37px;
  text-align:center;
  float:left;
  display:inline;
  margin-right:2px;
  margin-bottom:3px;
  position:relative;
  overflow: hidden;
}
div#viewer div.uneChaine_2 img{
  margin-top:1px;
}

div#viewer div.timeshift{
  position:absolute;
  top:3px;
  left:7px;
  font-size:9px;
}
div#viewer div.timeshiftbig{
  position:absolute;
  top:3px;
  left:15px;
  font-size:14px;
}

div#viewer div.infos_1{
  width:547px;    
  float:right;
  display:inline;  
  position:relative;
}
div#viewer div.infos_2{
  width:547px;    
  float:right;
  display:inline; 
  position:relative; 
}

div#viewer .loupe{
  background:url(../img/v2/zoomchaine.png) no-repeat top left;   
  width:76px;
  height:64px;
  position:absolute;  
  text-align:center;
  overflow:hidden;
  
}
div#viewer .loupe img{
  margin-top:-5px;
}


div#viewer div.telecommande_1 .floatingbutton,div#viewer div.telecommande_2 .floatingbutton{
  position:absolute;
  cursor:pointer;
  width:30px;
  height:30px;
  /*background-color:#FFFFFF;*/
}

div#viewer div.telecommande_1 .floatinghour,div#viewer div.telecommande_2 .floatinghour{
  position:absolute;
  cursor:pointer;
  width:44px;
  height:16px;
  background-color:#014038;
  color:#B2E0DD;
  font-size:12px;
  font-weight:bold;
  text-align:center;
}

div#viewer div.detailepgSlide div.timeshift{
  position:absolute;
  top:0px;
  left:16px;
  font-size:9px;
}

div#viewer .extrabuttons{
  width:748px;
  text-align:right;
  position:relative;
  z-index:8000;
}
div#viewer .extrabuttons img{
  cursor:pointer;
}


div#viewer  #detail{
  border:1px solid #4B9BD2;
  background-color:#FFFFFF;
  color:#4B9BD2;
  width:436px;  
  position:absolute;
  top:208px;
  left:376px;
  z-index:3;
  
  padding:20px;  
}
div#viewer  #detail div{
  color:#4B9BD2; 
  font-size:13Px;
}
div#viewer  #detail .close{
  top:7px;
  left:454px;
  position:absolute;
  width:15px;
  height:15px;
  cursor:pointer;
  background:url(../img/v2/close.gif) no-repeat  top left;
}

div#viewer div.detailpop .titre{ 
  color:#4B9BD2;
  font-style:italic;
  font-size:16px; 
}
div#viewer div.detailpop .soustitre{ 
  color:#E1007A;
  font-style:italic;
  font-size:12px; 
}
div#viewer div.detailpop .illustration{ 
  position:absolute;
  top:45px;
  left:300px;
}


div#viewer  #popAmi{
  background:url(../img/v2/fond_recommander.gif) no-repeat  top left;
  color:#4B9BD2;
  width:319px;  
  height:483px;  
  position:absolute;
  
  z-index:3;  
  
}

div#viewer  #popAmi .close{
  top:7px;
  left:264px;
  position:absolute;
  width:29px;
  height:27px;
  cursor:pointer;  
  
}

div#viewer  #popAmi .envoi{
  top:425px;
  left:90px;
  position:absolute;
  width:142px;
  height:27px;
  cursor:pointer;    
}


div#viewer input.text{  
  border : 1px solid #FFFFFF;
  width:180px;
  height:14px;
  margin-left:30px;
  !height:12px; /*Sous IE */
  
}
div#viewer input.radio{  
  height:14px;
  !height:12px; /*Sous IE */
  
}
div#viewer select{  
  border : 1px solid #FFFFFF;
  width:160px;  
  
}
div#viewer select.small{  
  border : 1px solid #FFFFFF;
  width:96px;
  margin-left:30px;
  
}

/*---------------------------------------------------------------------*/
/*------------------PROGRAMME EPG--------------------------------------*/
/*---------------------------------------------------------------------*/

div#programme{
  padding-left:230px;
  padding-top:60px;
  padding-bottom:15px;
}


div#programme .conteneur_boutons{
  height:22px;
}

div#programme div.now{
  width:78px;
  height:23px;
  padding-left:8px;
  padding-right:11px;
  text-align:center;
  background:url(../img/v2/fond_now.gif) no-repeat  top left;
  font-style:italic;
  color:#E1007A;
  padding-top:1px;
  font-size:11px;
  font-weight:bold;
  cursor:pointer;
  float:left;
  display:inline;
  margin-right:5px;
  
}
div#programme div.now_on{
  width:78px;
  height:23px;
  padding-left:8px;
  padding-right:11px;
  text-align:center;
  background:url(../img/v2/fond_now_on.gif) no-repeat  top left;
  font-style:italic;
  color:#E4E2D6;
  padding-top:1px;
  font-weight:bold;
  font-size:11px;
  cursor:pointer;
  float:left;
  display:inline;
  margin-right:5px;
}

div#programme div.tonight{
  width:59px;
  height:23px;
  padding-left:8px;
  padding-right:11px;
  text-align:center;
  background:url(../img/v2/fond_tonight.gif) no-repeat  top left;
  font-style:italic;
  color:#E1007A;
  padding-top:1px;
  font-size:11px;
  font-weight:bold;
  cursor:pointer;
  float:left;
  display:inline;
  margin-right:5px;
  
}
div#programme div.tonight_on{
  width:59px;
  height:23px;
  padding-left:8px;
  padding-right:11px;
  text-align:center;
  background:url(../img/v2/fond_tonight_on.gif) no-repeat  top left;
  font-style:italic;
  color:#E4E2D6;
  padding-top:1px;
  font-weight:bold;
  font-size:11px;
  cursor:pointer;
  float:left;
  display:inline;
  margin-right:5px;
}

div#programme div.today{
  width:111px;
  height:23px;
  padding-left:8px;
  padding-right:11px;
  text-align:center;
  background:url(../img/v2/fond_today.gif) no-repeat  top left;
  font-style:italic;
  color:#E1007A;
  padding-top:1px;
  font-size:11px;
  font-weight:bold;
  cursor:pointer;
  float:left;
  display:inline;
  margin-right:5px;  
  position:relative;
}

div#programme div.today span{
  font-style:italic;
  color:#E1007A;
  font-size:10px;
  font-weight:normal;
}
div#programme div.today_on span{
  font-style:italic;
  color:#E4E2D6;
  font-size:10px;
  font-weight:normal;
}

div#programme div.today_on{
  width:111px;
  height:23px;
  padding-left:8px;
  padding-right:11px;
  text-align:center;
  background:url(../img/v2/fond_today_on.gif) no-repeat  top left;
  font-style:italic;
  color:#E4E2D6;
  padding-top:1px;
  font-weight:bold;
  font-size:11px;
  cursor:pointer;
  float:left;
  display:inline;
  margin-right:5px;
  position:relative;
}

div#programme div.days{
  position:absolute;
  background-color:#E0DFD4;
  color:#DF3084;
  border-left:1px solid #FFFFFF;
  border-right:1px solid #FFFFFF;
  border-bottom:1px solid #FFFFFF;
  width:100px;
  padding-top:5px;
  top:17px;
  left:12px;
  z-index:1;
}
div#programme div.oneDay{ 
  background-color:#E0DFD4;
  color:#DF3084;
  padding-bottom:5px;
}
div#programme div.oneDay:hover{ 
  background-color:#E0DFD4;
  color:#FFFFFF;
  padding-bottom:5px;
}

div#programme div.barretop{
  background-color:#4B9BD2;
  color:#FFFFFF;
  font-weight:bold;
  font-style:italic;
  font-size:12px;
  padding-top:1px;
  padding-bottom:1px;
  padding-left:5px;
  margin-top:4px;
  width:708px;
  
}

div#programme div.barretop select{
  width:120px;
  
}

div#programme div.falseScroll{    
  overflow-x:scroll;
  overflow-y:hidden;
  width:714px; 
  height:19px;
}

div#programme div.epgColumn{  
  color:#4B9BD2;   
  font-size:0px;
  /*line-height:0px;*/
  border-top:1px solid #4B9BD2;
  border-left:1px solid #4B9BD2;
  border-right:1px solid #4B9BD2;
  margin-top:4px;  
  overflow:auto;
  width:711px; 
  text-align:center;
  height:400px;
  position:relative;
}


div#programme div.epgColumn div.uneColonne{  
  color:#4B9BD2;   
  font-size:11px;
  border-right:1px solid #4B9BD2;
  margin-top:4px;
  padding-bottom:4px;
  float:left;
  display:inline;
  width:100px;  
}

div#programme div.epgColumn div.uneColonne div.logo{  
 
  border-bottom:1px solid #4B9BD2;
  color:#4B9BD2;
  font-size:15px;
  font-weight:bold;
  text-transform:uppercase;
  /*overflow:hidden;*/
  white-space: nowrap;
  width:100px;
  height:40px; 
  position:relative;
}
div#programme div.epgColumn div.uneColonne div.logo div.decale{  
  width:30px;
  height:15px; 
  background:url(../img/v2/pictoGMTmini.png) no-repeat  top left;
  position:absolute;
  top:0px;
  left:56px;
}
div#programme div.epgColumn div.uneColonne div.logo img{  
  
  
  padding-top:0px;
}
div#programme div.epgColumn div.uneColonne div.illustration{  
 
  width:100px;
  height:91px;  
  margin-right:10px;
}
div#programme div.epgColumn div.uneColonne div.type{  
 
  width:100px;  
  padding-top:2px;
  color:#4B9BD2;
  font-style:italic;
  font-size:14px;
  
  margin-right:5px;
  cursor:pointer;
}

div#programme div.epgColumn div.uneColonne span.titre{  
 
  width:100px;  
  color:#4B9BD2;
  font-style:italic;
  font-size:12px;  
}

div#programme div.epgColumn div.uneColonne div.desc{   
  width:100px; 
  color:#4B9BD2;
  font-style:normal;
  font-size:9px;
}
div#programme div.epgColumn div.uneColonne span.heure{  
  color:#E1007A;
  font-size:15px;
  font-style:normal;
}

/*----*/

div#programme div.epgLine{  
  color:#4B9BD2;   
  font-size:11px;
  border-top:1px solid #4B9BD2;
  border-left:1px solid #4B9BD2;
  border-right:1px solid #4B9BD2;
  margin-top:4px;
  height:400px;
  overflow:auto;
  width:711px;
  position:relative;
}

div#programme div.epgLine div.uneLigne{  
  color:#4B9BD2;   
  font-size:11px;
  /*border-bottom:1px solid #4B9BD2;*/
  margin-top:4px;
  Padding-bottom:4px;
}
div#programme div.epgLine div.separateurLigne{  
  width:600px;
  margin-left:50px;
  height:1px;
  border-bottom:1px solid #4B9BD2; 
  font-size:0px;
  line-height:0px; 
}
div#programme div.epgLine div.uneLigne div.logo{  
  float:left;
  display:inline;
  padding-left:10px;
  color:#4B9BD2;
  font-size:15px;
  font-weight:bold;
  text-transform:uppercase;
  /*overflow:hidden;*/
  white-space: nowrap;
  width:130px;
  margin-right:10px;
  position:relative;
}
div#programme div.epgLine div.uneLigne div.logo div.decale{  
  width:57px;
  height:28px; 
  background:url(../img/v2/pictoGMT.png) no-repeat  top left;
  position:absolute;
  top:-3px;
  left:78px;
}
div#programme div.epgLine div.uneLigne div.illustration{  
  float:left;
  display:inline;
  width:139px;
  height:91px;  
  margin-right:10px;
}
div#programme div.epgLine div.uneLigne div.type{  
  float:left;
  display:inline;
  width:139px;  
  padding-top:2px;
  color:#4B9BD2;
  font-style:italic;
  font-size:14px;
  border-right:1px solid #4B9BD2;  
  margin-right:5px;
  cursor:pointer;
}

div#programme div.epgLine div.uneLigne span.titre{  
 
  width:100px;  
  color:#4B9BD2;
  font-style:italic;
  font-size:12px;  
}

div#programme div.epgLine div.uneLigne div.type_last{  
  float:left;
  display:inline;
  width:139px;  
  padding-top:2px;
  color:#4B9BD2;
  font-style:italic;
  font-size:14px;  
  margin-right:5px;
  cursor:pointer;
}
div#programme div.epgLine div.uneLigne div.desc{   
  width:139px; 
  color:#4B9BD2;
  font-style:normal;
  font-size:10px;
}
div#programme div.epgLine div.uneLigne span.heure{  
  color:#E1007A;
  font-size:15px;
  font-style:normal;
}

div#programme div.bottom_epgLine{  
  width:711px;
  height:14px; 
  background:url(../img/v2/bottom_epg.gif) no-repeat  top left;
}

div#programme  #detail{
  border:1px solid #4B9BD2;
  background-color:#FFFFFF;
  color:#4B9BD2;
  width:436px;  
  position:absolute;
  top:208px;
  left:376px;
  z-index:3;
  
  padding:20px;  
}
div#programme  #detail div{
  color:#4B9BD2; 
  font-size:13Px;
}
div#programme  #detail .close{
  top:7px;
  left:454px;
  position:absolute;
  width:15px;
  height:15px;
  cursor:pointer;
  background:url(../img/v2/close.gif) no-repeat  top left;
}

div#programme div.detailpop .titre{ 
  color:#4B9BD2;
  font-style:italic;
  font-size:16px; 
}
div#programme div.detailpop .soustitre{ 
  color:#E1007A;
  font-style:italic;
  font-size:12px; 
}
div#programme div.detailpop .illustration{ 
  position:absolute;
  top:45px;
  left:300px;
}

/*---------------------------------------------------------------------*/
/*------------------PAGE DE DOCUMENT-----------------------------------*/
/*---------------------------------------------------------------------*/

div#document{  
  padding-left:230px;
  padding-top:50px;
  padding-bottom:15px;
  background:url(../img/v2/fond_doc.jpg) no-repeat  50% 85px;
  background-attachment:fixed; 
  
  min-height:551px;
  height:auto !important;     /* --- /!\ IE6 min height /!\ --- */
  height:551px;               /* --- /!\ IE6 min height /!\ --- */
}

/*=====================STYLES SPECIFIQUES A LA HOME==============================*/

div#home{
  padding:0px 0px 0px 9px;
  position:relative;
  z-index:1;
  zoom:1;
}
div#home .texteaccueil{
  position:absolute;
  top:50px;
  left:233px;
  width:200px;
  z-index:2;
  zoom:1;
}

div#home .texteaccueil .Contenu{
  font-size:12px;
}
div#home .texteaccueil .Couleur_bold{
  font-size:12px;
}
div#home .texteaccueil .Couleur{
  font-size:12px;
}

div#home .offredemo{
  position:absolute;
  width:100px;
  height:100px;
  /*background-color:blue;*/
  top:173px;
  left:323px;
  cursor:pointer;
  z-index:5;
  zoom:1;
}


/*=============================================================*/
/*===================WAIT PANEL================================*/
/*=============================================================*/

div#divAjaxWaitPanel {
  color: 1px solid #008AA3;
  top: 100px;
  left: 100px;
  width: 220px;
  height: 50px;
  border: 1px solid #008AA3;
  padding-top: 5px;
  padding-bottom : 5px;
  padding-left: 5px;
  padding-right : 5px;
  vertical-align: middle;
  background-color: white;
  text-align: center;
  position: absolute;
}

div#divAjaxWaitPanel div.stateWait {
  height: 48px;
  width: 48px;
  background:url(img/wait.gif) no-repeat left top;
  border: 0px solid red;
  float:left;
}

div#divAjaxWaitPanel div.stateFinish {
  height: 10px;
  width: 4px;  
  border: 0px solid red;
  float:left;
}