/* CSS Document */
/*@import url(/css/commun/onglets-v3.css);*/

#contenuChaines{float:left;width:760px;height:445px;overflow:hidden}

.vignette{width:125px;border:1px solid #2C6EB0;float:left;margin:10px 0 0 10px}
.hautVign{width:100%;height:80px}

.vignette a{display:block;width:100%;height:17px;background-image:url(/media/comparatif_tv/bandeau_vignette.png)}
.vignSelect{background-image:url(/media/comparatif_tv/bandeau_vignette_vert.png)!important}

#dflGauche, #dflDroit{display:block;width:30px;height:445px;background-color:#FF0066}
#dflGauche{float:left}
#dflDroit{float:left}

#selectionTele{clear:both;width:970px;height:210px;border:1px solid #2C6EB0;background-color:#FFF}

/*--------comparatif Tv ---------*/
#menuTelevision{width:190px}
/*------début tableau chaines défilant------*/
#conteneurChaine{
  width:760px;
  height:393px;
  background:url(/fr/media/television/fond-logos-tv.png) repeat-x;
  float:right;
}

#flecheG{
  float:left;
  width:37px;
  height:393px;
  background:url(/fr/media/television/flecheg.png) no-repeat;
}
  
#flecheD{float:right;width:37px;height:393px;position:absolute}

.fondFlecheDr{background:url(/fr/media/television/fleched.png) no-repeat top right}

#listeChaine{
  float:left;
  margin:2px 0 0 2px;
  /*width:720px!important;
  width:710px;*/
  /*width:675px;*/
  width:686px;
  height:393px;
  overflow:hidden;
}  

#contenuListe{float:left;height:393px;margin-top:15px}

.carteChaine{
  width:160px;
  height:77px!important;height:79px;
  border:1px solid #E3E3E3;
  /*margin:5px 9px!important;
  margin:5px 7px;*/
  margin:0 10px 13px 0;
  /*margin:0 13px 13px 0;*/
  background: url(/media/comparatif_tv/fond_titre_chaine.png) #FFF repeat-x bottom left;
}   

.carteChaine img{float:left;width:60px;height:45px}
  
a.ajouter, a.selectionBtn{
  float:right;
  display:block;
  width:100px!important;width:92px;
  height:30px!important;height:45px;
  margin:0!important;
  padding-top:15px;
  text-align:center;
  color:#FFF!important;
  font-size:0.7em;
  letter-spacing:0.2em;
  font-weight:bold
}
  
a.ajouter{background: url(/media/comparatif_tv/btn_ajouter.png) repeat-x}
a.selectionBtn{background: url(/media/comparatif_tv/btn_ajouter_vert.png) repeat-x}

a:hover.ajouter, a:hover.selectionBtn{color:#FFF}
  
.nomChaine{height:32px;background: url(/media/comparatif_tv/fond_titre_chaine.png) repeat-x;}
  
.carteChaine p{
  text-align:center;
  width:160px;
  font-weight:bold;
  color:#2C6EB0;
  letter-spacing:-0.05em;
  margin-top:9px
}

/*------début liste chaines séléctionées------*/

ul.listChaines{list-style:none}

ul.listChaines li{
  display:block;
  position:relative;
  float:left;
  background:url(/media/icones/fle_bleue.png) center left no-repeat;
  padding:2px 0 2px 13px;
  margin-right:10px
}

ul.listChaines span{
  display:block;
  color:#1c73c7;
  font-weight:bold;
  background:#e6e6e6;
  padding:2px 4px
}

/*------fin liste chaines séléctionées------*/

.blocResumeTv{margin-top:20px;text-align:left}
.blocResumeTv p{font-size:0.9em;font-weight:bold;color:#3e6ac5;padding:0px 10px 12px 10px}
.propoTv{text-align:left;font-weight:bold}
.propoTv span{padding:2px;color:#fff;background:#1c73c7}

.chaineSelection{
  float:left;
  width:229px;
  height:24px;
  border:1px solid #E3E3E3;
  margin:4px 4px;
  background:url(/media/comparatif_tv/fond_chaine_select.png) repeat-x #FFF
}

.chaineSelection p{
  float:left;
  display:block;
  text-align:center;
  width:202px;
  margin-top:6px;
  font-weight:bold;
  color:#21a833
}

.chaineSelection a{
  float:right;
  padding:1px;
  margin-top:2px;
  margin-right:2px;
  border:1px solid #dedede;
  background-color:#f5f5f5
}

.chaineSelection a:hover{background-color: #fbe3e4;border:1px solid #CC6666}
.chaineSelection a:active{background-color:#21a532;border:1px solid #dfdfdf}

.contenu-page a .bouton_lancer{margin:20px auto}

.selectionChaine{float:left}

.afficher .fond_mozaic{text-align:center}

.abonnementIncl, .bouquetIncl, .optionnelle{
  float:left;
  width:31%;
  border:1px solid #d4d4d4;
  padding:0 5px 5px 5px;
  background: url(/media/comparatif_tv/fondSousTitre.png) repeat-x #FFF
}

.bouquetIncl, .optionnelle{margin-left:15px}

.resultatListe{float:left;width:100%;text-align:left}

#contactTV{text-align:left}

h5.titreFondGris{color:#000;margin:2px 0 3px 0; text-align:center;font-size: 0.75em!important;}
h4.titrePromo {color:#000;font-size: 1.05em;margin-bottom: 0.2em;letter-spacing: -0.05em}

.listeTraitBleu li{
  border-bottom:1px dashed #E6E6E6;
  color:#3E6AC5;
  background:url(/media/icones/fle_bleue.png)center left no-repeat;
  padding:2px 0 2px 13px;
  margin-left:-13px;
  clear:both
}

.bandeauBleuPrice p{
  display:block;
  float:left;
  width:60%!important;width:63%;
  color:#fff;
  background:#3D69C4;
  padding:2px 0 2px 4px;
  clear:right;
  margin:6px 0 0px 0;
  font-weight:bold;
  text-align:left
}

p.droitePrice{
  float:right;
  text-align:right;
  padding:2px 4px 2px 0;
  margin:6px 0 0px 0;
  background:#e9e9ef;
  color:#000;
  border-right:1px solid #d8d8d9;
  border-bottom:1px solid #d8d8d9;
  font-weight:bold
}

.bouquetIncl p.droitePrice, .optionnelle p.droitePrice{width:35%!important;width:36%}
.blovTotalTv p.droitePrice{width:25%}


.blocRappelTv p{font-size:0.8em;font-weight:bold;color:#3e6ac5;padding:0px 10px 12px 10px;text-align:left}

.blocRappelTv .telConseillertv{color:#000;text-align:center;font-size:0.85em}

.telConseillertv span{font-size:1.25em;color:#3e6ac5;font-weight:bold}