/******************************************************************************/
/* tableau-offres.css                                                         */
/* Auteur : Romuald Bernard                                                   */
/* Licence : Aucune (domaine public)                                          */
/* Dernière modification : 20/11/2014 18:00                                   */
/******************************************************************************/

/******************************************************************************/
/* I    - COMMUN                                                              */
/* I    - OFFRES Réglo MOBILES                                                */
/******************************************************************************/

/******************************************************************************/
/* COMMUN                                                                     */
/******************************************************************************/

/* Tableau comparatif des offres présent dans la page "Toutes les offres", "Tous
   les forfaits" et "Toutes les formules" si cette dernière existe un jour */

.tableauOffres,
.tableauDetailOffre {
  background: #F0F0F0;
}
 .tableauOffres .moisPrixOffre {
    white-space:nowrap;
  }
.tableauDetailOffre {
  margin-bottom: 30px;
  padding: 1em;
}

.tableauOffres table,
.tableauDetailOffre table {
  vertical-align: middle;
  width: 100%;
}

.tableauOffres th,
.tableauOffres td,
.tableauDetailOffre th,
.tableauDetailOffre td {
  text-align: center;
  vertical-align: middle;
}

.tableauOffres th,
.tableauDetailOffre th {
  padding: 1em 0;
  white-space:nowrap;
}

.tableauOffres th span,
.tableauDetailOffre th span {
  background: #E0E0E0;
  display: block;
  font-weight: bold;
  font-size: 1.8em;
  padding-top: 10px;
  line-height: 18px;
  height: 50px;
}

.tableauOffres th.moisPrixOffre span,
.tableauDetailOffre th.moisPrixOffre span {
  padding-top: 10px;
}

.tableauOffres sup,
.tableauDetailOffre sup {
  font-weight: normal;
}

.tableauDetailOffre td {
  padding-top: 1.2em;
}

.tableauOffres td span,
.tableauDetailOffre td span {
  font-size: 1.4em;
  line-height: 18px;
}

.tableauOffres td.nomOffre a {
  display: none;
  position: absolute;
  top: 28px;
  z-index: 14;
}

.tableauOffres td.nomOffre:hover a {
  display: block;
}

.tableauOffres td.appelsOffre span,
.tableauOffres td.smsOffre span,
.tableauOffres td.internetOffre span,
.tableauOffres td.etrangerOffre span,
.tableauOffres td.souscriptionPrixOffre span,
.tableauDetailOffre td.appelsOffre span,
.tableauDetailOffre td.smsOffre span,
.tableauDetailOffre td.internetOffre span,
.tableauDetailOffre td.etrangerOffre span,
.tableauDetailOffre td.souscriptionPrixOffre span {
  display: block;
}

.europeEtDOMOffre {
  font-size:10px;
}
.tableauOffres .nomOffre {
  position: relative;
  width: 174px;
}

.tableauOffres td em,
.tableauOffres td.moisPrixOffre span,
.tableauOffres td.souscriptionPrixOffre span:first-child,
.tableauDetailOffre td em {
  font-weight: bold;
}

.tableauDetailOffre td em {
  color: #d6047f;
  font-size: 1.6em;
}


.tableauOffres td em {
  font-size: 1.6em;
}

.tableauOffres td.moisPrixOffre {
  padding: 0 15px;
}

.tableauOffres td.moisPrixOffre span,
.tableauOffres td.moisPrixOffre small,
.tableauDetailOffre td.moisPrixOffre span,
.tableauDetailOffre td.moisPrixOffre small {
  display: block;
  color: #d6047f;
}

.tableauOffres td.moisPrixOffre span,
.tableauDetailOffre td.moisPrixOffre span {
  font-size: 2.4em;
}

.tableauDetailOffre td.moisPrixOffre small,
.tableauOffres td.moisPrixOffre small {
  font-size: 1.8em;
}

.tableauOffres td.souscriptionPrixOffre span:first-child {
  color: #d6047f;
  font-size: 1.6em;
}

.tableauOffres .boutonOffre .custom.bouton ,
.tableauDetailOffre .boutonOffre .custom.bouton {
  width: 190px;
}
.boutonOffre .icnPanier .icn_20x20 {
  transform:scale(2);
}
.tableauOffres .nomOffre .custom.bouton {
  width: 173px;
}

.tableauOffres .custom.bouton span {
  line-height: inherit;
}


.tableauOffres .secBouton {
  margin-top: 1em;
}


.lienSimulateur {
  text-align: center;
}


.souscriptionPrixDetailOffre {
  float: right;
  width: 25%;
}

.tableauDetailOffre .informationMessage {
  margin-bottom: 0;
}