/*----------------------------*/
/******************************/
/* Multi Packs de SFR detail */
/******************************/
/*----------------------------*/

/* styles basiques */
body, html {height:100%;font-family:arial;}
ul, ol {list-style-type:none;}
h1,h2,h3,h4,h5 {font-weight:bold;margin:0;padding:0;}
h1 {font-size:25px;margin:0 0 20px 0;}
h2 {font-size:18px;margin:0 0 20px 0;}
h3 {font-size:14px;margin:0 0 10px 0;}
    h3 span {font-size:20px;}
h4 {font:bold 12px arial;margin:0 0 5px 0;} 
a {text-decoration:none;}
    a:hover {text-decoration:underline;}
trouge,strong.trouge,a.trouge,span.trouge {color:#e2001a;}
tbleu,strong.tbleu,a.tbleu,span.tbleu {color:#030678;}
ul.chevron li {background-repeat:no-repeat;background-color:transparent;background-position:0 3px;padding-left:8px;}
    ul.chevron.rouge li {background-image:url("http://s5.s-sfr.fr/mobile/edito/css/skin/multi-packs-de-sfr-detail/arrow-link.gif");}
    ul.chevron.vert li {background-image:url("http://s5.s-sfr.fr/mobile/edito/css/skin/multi-packs-de-sfr-detail/arrow-link-green.gif");}
.clearer {clear:both;height:1px;font-size:1px;line-height:1px;}

/* structure */
#leftContent {float:left;font-size:12px;margin-right:5px;width:724px;}

/* detail */
#leftContent .content {border:1px solid #C1BCBC;border-top:none;padding:20px 10px 50px;position:relative;background:#FFFFFF;display:block;margin-top:0;min-height:460px;}/* test margin-top */
    .content-foot {background:transparent url("http://s5.s-sfr.fr/mobile/edito/css/skin/multi-packs-de-sfr-detail/bg-content.gif") no-repeat center bottom;height:15px;margin:0 auto 10px;width:696px;}
    .content .remises-abonnements .content-foot{margin-bottom:0;}
	.content .remises-abonnements {margin:0 0 5px 0;}
    .content .remises-abonnements span, .content .remises-forfaits span {display:block;float:left;font-size:16px;font-weight:bold;padding:70px 2px 0;}
    .content .remises-abonnements span.egal {color:#e2001a;font-size:32px;margin:0 7px;}
    .content .remises-forfaits span {padding-top:63px;}
    .content .case-long {background:transparent url("http://s5.s-sfr.fr/mobile/edito/css/skin/multi-packs-de-sfr-detail/bg-case-3.gif") no-repeat 0 0;float:left;font-size:12px;height:117px;padding:20px 20px 10px;width:448px;}
    .content .case-small {background:transparent url("http://s5.s-sfr.fr/mobile/edito/css/skin/multi-packs-de-sfr-detail/logo-mp.png") no-repeat 0 0;color:#e2001a;float:left;font-size:18px;font-weight:bold;height:70px;line-height:18px;margin-top:11px;padding:48px 15px 0 0;position:relative;text-align:center;width:170px;}
    .content .case-mid {float:left;font-size:12px;height:109px;line-height:14px;padding:20px 0 10px;position:relative;}
    .content .case-small img, .content .case-mid img, .content .case-long img {display:block;margin:0 0 7px 0;}
    .content .case-mid a.tbleu {position:absolute;bottom:9px;left:20px;z-index:2;font-size:11px;}
    .content #launch-video {position:absolute;bottom:-54px;left:155px;border:1px solid #C1BCBC;}

/*bloc vidŽo dŽmo */
#div-launch-video {height:375px;}
    #div-launch-video .layer-multipack {padding:0;width:682px;}

#tab-nav-multi{	border-bottom: 1px solid #C1BCBC;height: 38px;margin-top: 25px}
#tab-nav-multi .tab{background-color: #EFEBEC;border-color: #C0BCBD #C0BCBD #C1BCBC;border-style: solid;border-width: 1px;cursor: pointer;float: left;font: 14px arial;margin-right: 8px;margin-top:1px;padding: 10px 18px 10px 15px;}
#tab-nav-multi .tab:hover{cursor:pointer;}
#tab-nav-multi .current-tab{background-color: #FFFFFF;border-bottom: 1px solid #FFFFFF;cursor:default;}
#leftContent .content .hidden-tab{display:none;}
.add-more-offers span{font:bold 14px arial;}
.add-more-offers a{display:block;padding-bottom:10px;}
.remises-forfaits{background:url("http://s5.s-sfr.fr/mobile/edito/css/skin/multi-packs-de-sfr-detail/bg-case-3.png") no-repeat 0 0;height:89px;width:596px;padding:30px 0 0 101px;position:relative;}
.remises-forfaits .fleft{float:left;margin-right: 144px;}
.content .remises-forfaits h4{font:normal 12px arial;margin:0 0 7px -74px;}
.remises-forfaits li{background:url("http://s5.s-sfr.fr/mobile/edito/css/skin/multi-packs-de-sfr-detail/red-square.png") no-repeat 0 5px;padding-left:10px;}
.content .remises-forfaits span{font-size: 12px;padding:0;display:inline;float:none;}
.content .price{position: absolute;right:27px;top:33px;width:145px;}
    .content .price span.old {font-size:15px;font-weight:normal;position:absolute;right:25px;text-decoration:line-through;top:-7px;}
    .content .price span.big {color:#e2001a;font-size:32px;}
    .content .price span.med {color:#e2001a;font-size:22px;}
    .content .price span.small {color:#e2001a;font-size:14px;}

#content-tab-1 h2 {margin-bottom:0;padding-left:7px}
#content-tab-1 h3 {padding-left:7px}
#content-tab-2 h3 {height:26px;line-height:26px;}
#content-tab-2 a {display: block;padding-bottom: 10px;}
#content-tab-2 h3 img {margin-right:10px;}
#content-tab-2 p {margin-bottom:15px;}
.box-title{background:url(skin/multi-packs-de-sfr-detail/multipack-box-title.png) no-repeat 0 0;padding-left:80px;}
.tel-title{background:url(skin/multi-packs-de-sfr-detail/multipack-tel-title.png) no-repeat 0 0;padding-left:80px;}
.multi-price{width:305px;float:left;line-height: 20px;}
.first-multi-price {border-right:1px solid #dfddde;}
.second-multi-price {padding-left:30px;}
.multi-price strong{display:inline-block;width:205px;}
.more-multipacks{border:1px solid #C1BCBC;bottom:-45px;left:185px;position:absolute;background:url("http://s5.s-sfr.fr/mobile/edito/css/skin/multi-packs-de-sfr-detail/picto-call.png") no-repeat 0 0;width:354px;height:80px;}
.multi-price span.big{color:#e2001a;font-size:16px;font-weight:bold;}
.multi-price span.med{font-size:12px;color:#e2001a;}

/*** toggle style**/

.toggle-view {list-style:none;font-family:arial;font-size:11px;margin:0;padding:0;width:675px;padding-left:3px;}
.toggle-view li.first_toggle {margin-top:12px;}
.toggle-view li {border-bottom:1px solid #c0bcbd;position:relative;cursor:pointer;margin-left:0px;margin-right:0px;text-align:left;padding-left: 10px;padding-top:7px;padding-bottom:9px;}
.toggle-view li.last_toggle {border-bottom:none;}
.toggle-view li a{text-decoration:none;color:#000}
    .toggle-view li a:hover {text-decoration:underline;}
    .toggle-view li a.tbleu {color:#222983!important;}
    .toggle-view h3 {background:transparent url("http://s5.s-sfr.fr/mobile/edito/img/multi-packs-de-sfr-faq/puce_toggle_close.jpg") no-repeat 0 0;color:#1c1c1c;font-size:12px;margin:0;padding-left:15px;}
        .toggle-view h3.current {background-image:url("http://s5.s-sfr.fr/mobile/edito/img/multi-packs-de-sfr-faq/puce_toggle_open.jpg");}
	.toggle-view span img {margin-right:10px;margin-top:3px;}
	.toggle-view span {display: inline-block;float: left;height: 17px;}
	.toggle-view p {margin:5px 0;display:none;color:#252525;font-size:12px;padding-left: 48px;padding-right: 48px;}
	/*** toggle style**/

#note {font-size:12px;padding:50px 0 20px;}
.mentions-legales {margin-top:25px;}

/*Colonne de droite */
#rightContent {padding-top:49px;}
	
/* LAYER */
.popin-layer {background:transparent url("http://s2.s-sfr.fr/mobile/edito/css/skin/series-red-de-sfr/bg_layer.png") repeat-y left center;display:none;left:50%;margin-left:-390px;padding:20px;position:absolute;vertical-align:middle;width:780px;z-index:99;}
.popin-layer .popinside {background-color:#FFFFFF;font-size:13px;padding:0;} 
.popin-layer .popinTop {background:#FFFFFF;border-bottom:1px solid #D9D9D9;text-align:right;width:100%;}   
    .popin-layer .popinTop a.popinClose {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-weight:bold;height:24px;margin-right:28px;margin-top:5px;padding-right:30px;padding-top:5px;text-decoration:none;}
.popin-layer #popinWrapper-demo {padding: 0 40px 20px;}