/* Generique */
h1, h2, h3, ul, li {padding:0;margin:0;text-align:left;}
h1.tblanc, h1.tblanc strong, .tblanc, .tblanc strong, a.tblanc:link, a.tblanc:visited{color:white;}
h1.tnoir, h1.tnoir strong, .tnoir, .tnoir strong, a.tnoir:link, a.tnoir:visited{color:black;}
h1.trouge, h1.trouge strong, .trouge, .trouge strong, a.trouge:link, a.trouge:visited{color:#e2001a;}
h1.tbleu, h1.tbleu strong, .tbleu, .tbleu strong, a.tbleu:link, a.tbleu:visited{color:#004672;}
h1.tgris, h1.tgris strong, .tgris, .tgris strong, a.tgris:link, a.tgris:visited{color:#5e5e5e;}
h1.tvert, h1.tvert strong, .tvert, .tvert strong, a.tvert:link, a.tvert:visited{color:#89ba17;}
.clearer {font-size:1px;line-height:1px;clear:both;margin:0;padding:0;}
a.btn-red {background:transparent url("http://s5.s-sfr.fr/mobile/edito/css/skin/multi-packs-de-sfr-mobile-et-adsl/bg-btn-red.gif") repeat-x 0 0;color:#fff!important;font-size:12px;font-weight:bold;margin:0;padding:6px 30px;text-align:center;text-decoration:none;}
a.arrow-red {background:transparent url("http://S5.s-sfr.fr/mobile/edito/css/skin/multi-packs-de-sfr-detail/arrow-link.gif") no-repeat 0 3px;color:#000;font-size:11px;padding-left:9px;text-decoration:none;}
/* Conteneur */
h1, h2, h3, h4, h5, p, ul, li {margin:0;padding:0;text-align:left;}
a {text-decoration:none;} 
    a:hover {text-decoration:underline;}
.trouge, a.trouge, a.trouge:visited, a.trouge:hover {color:#e2001a;}
.tbleu, a.tbleu, a.tbleu:visited, a.tbleu:hover {color:#222983;}
h1 {margin-bottom:15px;}
#ctn_gbl {width:1200px!important;}

/* styles de base */
.fleft {float:left;}
.fright {float:right;}
.clearer{clear:both;float:none;overflow:hidden;height:0;line-height:0;width:0;}
 
/* contenu central */
a.btn-rouge {background:transparent url("http://static.s-sfr.fr/media/bg-btn-violet.png") repeat-x 0 0;color:#fff!important;border-radius:3px;display:block;font-weight:bold;height:13px;margin:10px 0 0 25px;padding:5px 10px;width:70px;text-decoration:none;font-weight:bold;text-align:center;text-shadow:1px 1px 0 #000;}

#top-content {background:transparent url("http://static.s-sfr.fr/media/background_mp_mobile_adsl-6.jpg") no-repeat center 0;margin:0 0 45px 0;padding-top:325px;position:relative;}
    #top-content img.titre {position:absolute;left:150px;top:70px;}
    #top-content ul {margin:10px 0 0 0;}
    #top-content ul li {background:transparent url("http://s5.s-sfr.fr/mobile/edito/css/skin/multi-packs-de-sfr-mobile-et-adsl/new/puce.png") no-repeat 0 7px;margin:0 0 6px 0;padding-left:5px;}
    #top-content table.mp-table {border-collapse:collapse;border:1px solid #e0e0e0;box-shadow:2px 1px 1px #bfbdbe;margin:0 auto;} 
    #top-content table.mp-table td {background:#fff;border:1px solid #e0e0e0;font-size:12px;padding:0;text-align:center;vertical-align:middle;} 
    /* titres entete */ 
    #top-content table.mp-table tr.entete td{background:#fff url("http://s2.s-sfr.fr/mobile/edito/css/skin/multi-packs-de-sfr-mobile-et-adsl/new/bg-td-top.png") no-repeat 0 bottom;border-bottom:0!important;color:#e2001a;font-size:14px;line-height:18px;font-weight:bold;padding:10px 0 5px 0;vertical-align:top;}   
        #top-content table.mp-table tr.entete td span{color:#1c1c1c;}   
        #top-content table.mp-table tr.entete td em{color:#1c1c1c;display:block;font-size:12px;font-style:normal;line-height:15px;text-align:center;}   
        #top-content table.mp-table tr.entete td.top-empty{background:transparent;border:1px solid transparent}   
    /* titres colonne */
    #top-content table.mp-table td.titre {background:transparent url("http://s2.s-sfr.fr/mobile/edito/css/skin/multi-packs-de-sfr-mobile-et-adsl/new/bg-td-col.png") repeat-y 0 0;padding-left:15px;vertical-align:middle;}    
        #top-content table.mp-table td.titre img{display:block;float:left;margin:0;}   
        #top-content table.mp-table td.titre p{float:left;margin:0;padding:0 0 0 5px;}   
    /* ligne detail forfait */
    #top-content table.mp-table tr.detail-forfait td{height:230px;padding:10px 0 0 10px;text-align:left;vertical-align:top;}
    #top-content table.mp-table tr.detail-forfait td.titre{padding-left:16px;}
    /* ligne box forfait */
    #top-content table.mp-table tr.box-forfait td{height:80px;}
    #top-content table.mp-table tr.box-forfait td.tick{background:transparent url("http://s2.s-sfr.fr/mobile/edito/css/skin/multi-packs-de-sfr-mobile-et-adsl/tick.png") no-repeat center 27px;}

    /* ligne services forfait */
    #top-content table.mp-table tr.services-forfait td{height:75px;}
    /* ligne multi-packs forfait */
    #top-content table.mp-table tr.mp-forfait td{height:100px;}
    #top-content table.mp-table tr.mp-forfait td span.barre{display:block;font-size:14px;text-decoration:line-through;margin:0 0 2px 0;text-align:center;}
    #top-content table.mp-table tr.mp-forfait td strong.prix{display:block;font-size:14px;text-align:center;}
    #top-content table.mp-table tr.mp-forfait td strong.prix strong{font-size:18px;}
    #top-content table.mp-table tr.mp-forfait td span.prix_barre{display:block;font-size:12px;margin:0 0 5px 0;text-align:center;text-decoration:line-through;color:black;}
    #top-content table.mp-table tr.mp-forfait td span.prix_barre span{font-size:14px;}

#bottom-content {padding:0 0 30px 112px;}
    #bottom-content .case{background:transparent url("http://static.s-sfr.fr/media/mp-mobile-adsl-bg-case-bottom.png") repeat-x 0 50px;border:1px solid #bfbdbe;box-shadow:2px 1px 1px #bfbdbe;float:left;margin-right:26px;padding:5px 0;position:relative;width:472px;}
    #bottom-content .case a{color:#000;}
    #bottom-content .case img.picto{display:block;float:left;margin:0 50px 0;}
    #bottom-content .case img.picto.last{margin-right:0;}
    #bottom-content h3{font:bold 18px arial;margin:0 0 10px 0;float:left;width:475px;}
    #bottom-content .case .contenu{border-right:1px solid #e0e0e0;float:left;font-size:12px;min-height:125px;margin:0;padding:15px 15px 0;position:relative;width:205px;}
    #bottom-content .case .contenu h4{color:#000;font:bold 16px arial;margin:0 0 10px 0;}
    #bottom-content .case .contenu a.arrow{background:url("http://static.s-sfr.fr/media/mediumlink-violet-1.png") no-repeat scroll 0 3px transparent;padding-left:10px;position:absolute;bottom:0;left:15px;}

a#mentions {display:block;text-align:left;padding-left:112px;}  
#div-mentions {text-align:left;font-size:11px;color:#868686;padding:15px 0 0 112px;width:975px;}

.mp-forfait .prix_infos{font-size:12px;}
.mp-forfait .pas_prix_infos{margin-top:40px;}

.prix-noir{font-size:14px;color:black;font-weight:bold;text-align:center;position:absolute;bottom:290px;margin:0 0 0 20px;}

.prix-noir span{font-size:18px;}

.prix-noir .euro{font-size:11px;}

#montant{font-size:12px;font-weight:bold;text-align:left;margin:10px 0 0 130px;color:#1c1c1c;}



/* Layer Déjà Client */
/*-------------------*/
.popin-layer {background:transparent url("http://s5.s-sfr.fr/mobile/edito/css/skin/series-red-de-sfr/bg_layer.png") repeat-y left center;left:50%;margin-left:-300px;padding:20px;position:absolute;top:600px;width:520px;}
.popin-layer .popin-top { background:#FFFFFF;border-bottom:1px solid #D9D9D9;text-align:right;width:100%;}
    .popin-layer .popin-top #popin-close {background:#FFFFFF url("http://s2.s-sfr.fr/mobile/edito/css/skin/series-red-de-sfr/fermer.gif") no-repeat right center;color:#0E4FA7;display:inline-block;font-size:12px;font-weight:bold;height:24px;margin:5px 15px 5px 0;padding:10px 35px 0 0;text-decoration:none;}
.popin-layer .popin-cnt {background:#fff;font-size:12px;padding:20px;position:relative;}
.popin-layer .popin-cnt p.error {display:none;font-size:14px;padding-bottom:10px;}
.popin-layer .popin-cnt h2 {color:#3e3e3e;font-size:18px;padding-bottom:20px;}
.popin-layer .popin-cnt p {padding-bottom:20px;}
.popin-layer .popin-cnt form.popin-form p {padding-bottom:10px;}
    .popin-layer .popin-cnt form.popin-form p.rad input {float:left;margin:0 8px 0 0;}
    .popin-layer .popin-cnt form.popin-form p.rad label {display:block;float:left;margin:0;}
    .popin-layer .popin-cnt form.popin-form .btn-red {display:block;margin:0 auto;width:80px;}
    
/*Myosotis Boutons*/
.myosotis-btn,
.myosotis-link {
  display: inline-block !important;
}
.myosotis-btn {
  font-size: 100% !important;
  font: inherit !important;
  line-height: 1.2em !important;
  text-align: left !important;
  position: relative !important;
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  background: #616197 !important;
  border: 1px solid #616197 !important;
  font-size: 14px !important;
  font-family: "SFR-Regular" !important;
  padding: 2px 12px !important;
  color: #FFF !important;
  box-shadow: 0px 2px 2px rgba(131, 131, 131, 0.4) !important;
  -moz-box-shadow: 0px 2px 2px rgba(131, 131, 131, 0.4) !important;
  -webkit-box-shadow: 0px 2px 2px rgba(131, 131, 131, 0.4) !important;
  border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  transition: all 0.2s !important;
  text-decoration: none !important;
  vertical-align: bottom !important;
}
.myosotis-btn:hover {
  border: 1px solid #8e8ab3 !important;
  background: #8e8ab3 !important;
  box-shadow: 0px 2px 2px rgba(131, 131, 131, 0.4) !important;
  -moz-box-shadow: 0px 2px 2px rgba(131, 131, 131, 0.4) !important;
  -webkit-box-shadow: 0px 2px 2px rgba(131, 131, 131, 0.4) !important;
}
.myosotis-btn:active {
  border: 1px solid #494973 !important;
  background: #494973 !important;
  box-shadow: 0px 2px 2px rgba(131, 131, 131, 0.4) !important;
  -moz-box-shadow: 0px 2px 2px rgba(131, 131, 131, 0.4) !important;
  -webkit-box-shadow: 0px 2px 2px rgba(131, 131, 131, 0.4) !important;
}
.myosotis-btn.myosotis-btn-3d {
  box-shadow: 0px 0px 0px transparent !important;
  -moz-box-shadow: 0px 0px 0px transparent !important;
  -webkit-box-shadow: 0px 0px 0px transparent !important;
}
.myosotis-btn.myosotis-btn-3d span.shadow {
  height: 30px !important;
  position: absolute !important;
  width: 138px !important;
  bottom: -35px !important;
  left: 0 !important;
  right: 0 !important;
  margin: auto !important;
  background: transparent url("//static.s-sfr.fr/media/shadow-btn-3d-6.png") no-repeat !important;
}
.myosotis-btn.myosotis-btn-simple {
  font-size: 13px !important;
  font-family: Arial !important;
  font-weight: bold !important;
  padding: 7px 16px !important;
}
.myosotis-btn.myosotis-btn-simple * {
  font-family: Arial !important;
}
.myosotis-btn i {
  background: transparent url("//static.s-sfr.fr/media/icon-new-arrow-1.png") no-repeat !important;
  width: 14px !important;
  height: 20px !important;
  background-position: 0 0 !important;
  margin-right: 10px !important;
  display: inline-block !important;
  vertical-align: bottom !important;
  position: relative !important;
  top: 1px !important;
}
.myosotis-btn.caps {
  text-transform: uppercase !important;
}
.myosotis-btn.myosotis-btn-inverse {
  color: #616197 !important;
  border: 1px solid #d8d8d8 !important;
  background: #f3f4f4 !important;
  box-shadow: 0px 2px 2px rgba(131, 131, 131, 0.15) !important;
  -moz-box-shadow: 0px 2px 2px rgba(131, 131, 131, 0.15) !important;
  -webkit-box-shadow: 0px 2px 2px rgba(131, 131, 131, 0.15) !important;
}
.myosotis-btn.myosotis-btn-inverse:hover {
  border: 1px solid #d8d8d8 !important;
  background: #FFF !important;
  box-shadow: 0px 2px 3px rgba(131, 131, 131, 0.175) !important;
  -moz-box-shadow: 0px 2px 3px rgba(131, 131, 131, 0.175) !important;
  -webkit-box-shadow: 0px 2px 3px rgba(131, 131, 131, 0.175) !important;
}
.myosotis-btn.myosotis-btn-inverse:active {
  border: 1px solid #d8d8d8 !important;
  background: #e6e6e6 !important;
  box-shadow: 0px 2px 3px rgba(131, 131, 131, 0.175) !important;
  -moz-box-shadow: 0px 2px 3px rgba(131, 131, 131, 0.175) !important;
  -webkit-box-shadow: 0px 2px 3px rgba(131, 131, 131, 0.175) !important;
}
.myosotis-btn.myosotis-btn-inverse.myosotis-btn-simple:active {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efefef), color-stop(100%, #e3e3e3)) !important;
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #efefef 0%, #e3e3e3 100%) !important;
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #efefef 0%, #e3e3e3 100%) !important;
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #efefef 0%, #e3e3e3 100%) !important;
  /* IE10+ */

  background: linear-gradient(to bottom, #efefef 0%, #e3e3e3 100%) !important;
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#e3e3e3', GradientType=0) !important;
  /* IE6-9 */

}
.myosotis-btn.myosotis-btn-inverse.myosotis-btn-disabled {
  cursor: default !important;
  text-shadow: 0 1px 0 #FFF !important;
  background: #f0f0f0 !important;
  color: #b4b4b4 !important;
  box-shadow: 0px 2px 2px rgba(131, 131, 131, 0.12) !important;
  -moz-box-shadow: 0px 2px 2px rgba(131, 131, 131, 0.12) !important;
  -webkit-box-shadow: 0px 2px 2px rgba(131, 131, 131, 0.12) !important;
  border-color: #e4e4e4 !important;
}
.myosotis-btn.myosotis-btn-inverse.myosotis-btn-disabled i {
  display: none !important;
}
.myosotis-btn.myosotis-btn-inverse.myosotis-btn-disabled:hover,
.myosotis-btn.myosotis-btn-inverse.myosotis-btn-disabled:active {
  background: #f0f0f0 !important;
}
.myosotis-btn.myosotis-btn-inverse.myosotis-btn-disabled.myosotis-btn-disabled-v2 {
  background: #fff !important;
}
.myosotis-btn.myosotis-btn-inverse.myosotis-btn-disabled.myosotis-btn-disabled-v2:hover,
.myosotis-btn.myosotis-btn-inverse.myosotis-btn-disabled.myosotis-btn-disabled-v2:active {
  background: #fff !important;
}
.myosotis-btn.myosotis-btn-inverse.myosotis-btn-3d span.shadow {
  display: none !important;
}
.myosotis-btn.myosotis-btn-inverse i {
  background: transparent url("//static.s-sfr.fr/media/icon-new-arrow-inverse.png") no-repeat !important;
}
.myosotis-link {
  font-family: "SFR-Regular" !important;
  font-size: 16px !important;
  color: #636397 !important;
  display: inline-block !important;
  height: 20px !important;
  padding-top: 1px !important;
  padding-right: 30px !important;
  background: transparent url("//static.s-sfr.fr/media/fleche-droite-myosotis.png") right top no-repeat !important;
  text-decoration: none !important;
}
.myosotis-link:hover {
  background-position: right -40px !important;
  text-decoration: underline !important;
}
.myosotis-link.caps {
  text-transform: uppercase !important;
}
.myosotis-pad {
  border: 1px solid #f2f1f1 !important;
  background: #fefcfc !important;
  display: block !important;
  padding: 3px !important;
  text-decoration: none !important;
  color: black !important;
  width: 353px !important;
  height: 115px !important;
  transition: all 0.2s !important;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
  -webkit-box-shadow: 1px 2px 7px -1px #aaaaaa;
  -moz-box-shadow: 1px 2px 7px -1px #aaaaaa;
  box-shadow: 1px 2px 7px -1px #aaaaaa;
  border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
}
.myosotis-pad * {
  font-family: "Arial" !important;
  display: block !important;
  transition: all 0.2s !important;
}
.myosotis-pad > span {
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
}
.myosotis-pad > span span {
  margin-left: 9px !important;
}
.myosotis-pad span > span:first-child {
  text-transform: uppercase !important;
  font-weight: bold !important;
  font-size: 14px !important;
  padding-top: 16px !important;
  margin-bottom: 15px !important;
}
.myosotis-pad span > span:first-child + span {
  font-size: 13px !important;
  line-height: 20px !important;
}
.myosotis-pad span > span:first-child + span + span {
  background: url("//static.s-sfr.fr/media/chevron-myosotis.png") no-repeat center center #eeeeee !important;
  width: 94px !important;
  height: 100% !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  border-radius: 0 4px 4px 0 !important;
  -moz-border-radius: 0 4px 4px 0 !important;
  -webkit-border-radius: 0 4px 4px 0 !important;
}
.myosotis-pad:hover {
  border: 1px solid #cfcbf5 !important;
}
.myosotis-pad:hover > span {
  background: url("//static.s-sfr.fr/media/bg-pad-myosotis-hover.png") repeat-x bottom !important;
}
.myosotis-pad:hover span > span:first-child + span + span {
  background: url("//static.s-sfr.fr/media/chevron-myosotis-hover.png") no-repeat center center #555480 !important;
}
.myosotis-pad:active span > span:first-child + span + span {
  background: url("//static.s-sfr.fr/media/chevron-myosotis-hover.png") no-repeat center center #8e8ab3 !important;
}