/* titres */
h1,h2,h3,h4,h5,ul,li {margin:0;padding:0;}
h1.content-maintitle img {left:367px;position:absolute;top:5px;}
h2.content-subtitle {color:#000000;}
#profil h4 {background-color:transparent;background-position:0 0;background-repeat:no-repeat;font-size:14px;margin:0 0 10px 0;padding:5px 0 0 25px;}
    #profil h4.mob {background-image:url("http://s5.s-sfr.fr/mobile/edito/img/multi-packs-de-sfr-aide/picto-mobile.gif");padding-left:17px;}
    #profil h4.box {background-image:url("http://s5.s-sfr.fr/mobile/edito/img/multi-packs-de-sfr-aide/picto-box.gif");background-position:0 10px;}
#profil h5 {color:#e2001a;font-size:16px;margin:0 0 6px 0;font-weight:bold;}
#profil_pas_client h5 {margin:0 0 6px -5px!important;}
#profil_pas_client h5 strong {font-size:20px!important;font-weight:normal!important;margin:0 5px!important;}
.fleft {float:left;}
.fright {float:right;}
a.chevron-rouge {background:url("http://s5.s-sfr.fr/mobile/edito/img/multi-packs-de-sfr-aide/picto_fleche_rouge.png") 0 3px no-repeat;padding:0 0 7px 12px;}
.accroche {margin:20px 0;}

#rightContent {padding-top:69px!important;}

/* menu onglets */
#menu_profil {height:360px;border-bottom:1px solid #c1bcbc;left:0;position:absolute;top:0;width:170px;z-index:2;}
    #menu_profil .profil_on {cursor:pointer;width:170px;height:88px;font-size:13px;font-weight:bold;border-top:1px solid #c1bcbc; border-left:1px solid #c1bcbc;border-bottom:1px solid #c1bcbc;border-right:1px solid #ffffff;}
    #menu_profil .profil_off {cursor:pointer;background:url("http://s5.s-sfr.fr/mobile/edito/img/multi-packs-de-sfr-aide/bg_grey_menu.png") top left no-repeat; width:170px;height:90px;font-size:13px;font-weight:bold;border-left:1px solid #c1bcbc;border-right:1px solid #c1bcbc;}
    #menu_profil .last {border-bottom:1px solid #c1bcbc;}
    #menu_profil .menu_titre {background:transparent url("http://s5.s-sfr.fr/mobile/edito/img/multi-packs-de-sfr-aide/silhouette_verte.png") no-repeat 5px 30px;padding:23px 0 0 37px;}
    #menu_profil .menu_titre a {color:#000000;}
       #menu_profil  #client_abo.profil_off {border-top:1px solid #c1bcbc!important;}
    #menu_profil #client_multi_packs .menu_titre img.fright {margin:-9px 5px 2px;}
    #menu_profil #pas_client .menu_titre {background-image:url("http://s5.s-sfr.fr/mobile/edito/img/multi-packs-de-sfr-aide/silhouette_rouge.png");}

/* contenu toggle */
.main-content {position:relative;}
#profil{float:right;width:540px;min-height:400px;_height:400px;padding:20px 0 20px 10px;border:1px solid #c1bcbc;background:white;margin-right:1px;}
    #profil .content {border:0;margin:0;padding:0 10px 15px 0;min-height:50px;}
    #profil .infos {background:#f0f0f0 url("http://s5.s-sfr.fr/mobile/edito/img/multi-packs-de-sfr-aide/picto-ampoule-small.png") no-repeat 464px 7px;padding:10px 20px 10px 10px;position:relative;}
    #profil .infos.no-margin {margin:0;}
    #profil .case a {color:#000;}
    #profil .bon-a-savoir {background:#f0f0f0;color:#000;margin:0 20px 0 10px;padding:10px 10px 25px 10px;position:relative;}    
        #profil .bon-a-savoir a {color:#000;}
        #profil .bon-a-savoir img.picto {position:absolute;right:-9px;bottom:-11px;}
    
.j-toggle h3 {background-color:transparent;background-position:0 0;background-repeat:no-repeat;font-size:17px;font-weight:bold;line-height:18px;min-height:35px;margin:0 0 8px 10px;padding:0 0 0 105px;}
    h3.mob-box {background-image:url("http://s5.s-sfr.fr/mobile/edito/img/multi-packs-de-sfr-aide/picto_mobile_neufbox.png");}
    h3.mob-mob {background-image:url("http://s5.s-sfr.fr/mobile/edito/img/multi-packs-de-sfr-aide/picto_mobile_mobile.png");}
    h3.mob-box-mob {background-image:url("http://s5.s-sfr.fr/mobile/edito/img/multi-packs-de-sfr-aide/picto-mob-box-mob.png");height:73px;line-height:19px;padding:13px 0 0 145px;}
    h3.mob-box-mob-box {background-image:url("http://s5.s-sfr.fr/mobile/edito/img/multi-packs-de-sfr-aide/picto-mob-box-mob-bis.png");height:73px;line-height:19px;padding:13px 0 0 120px;}
    h3.mob-ter {background-image:url("http://s5.s-sfr.fr/mobile/edito/img/multi-packs-de-sfr-aide/picto_forfait_sup.png");padding-left:205px;}
    h3.a-savoir {background-image:url("http://s5.s-sfr.fr/mobile/edito/img/multi-packs-de-sfr-aide/picto_bon_a_savoir.png");min-height:15px;padding:10px 0 0 25px;}

#profil_client_abo .separator {background:#dcdcdc;height:1px;margin:15px 0 15px -18px;width:511px;}
#profil_pas_client .separator {background:url("http://s5.s-sfr.fr/mobile/edito/img/multi-packs-de-sfr-aide/white_box_separator.png") top left no-repeat;height:32px;margin-left:-18px;width:511px;}

.case {background:transparent url("http://s5.s-sfr.fr/mobile/edito/img/multi-packs-de-sfr-aide/bg-case.gif") no-repeat 0 0;padding:30px 20px 0 30px;width:484px;}
    .case-bottom {background:transparent url("http://s5.s-sfr.fr/mobile/edito/img/multi-packs-de-sfr-aide/bg-case.gif") no-repeat 0 bottom;height:20px;margin:0 0 20px 0;width:534px;}

/* rightCol */
/*----------*/
#rightContent {float:right;}
/* styles applicables a tous les side blocs de RightCol*/ 
    #rightContent .side-case {border:1px solid #CAC7C7;box-shadow:-2px 0 2px #D1D1D1;margin-bottom:15px;}
    #rightContent .side-case h3 {color:#000;font-size:16px;font-weight:normal;padding:15px 10px 10px;}
    #rightContent .side-case h3 strong {font-weight:bold;}
    #rightContent .side-case p {font-size:12px;line-height:14px;padding:0 0 15px 10px;}
    #rightContent .side-case .link {background:#f2f3f5;padding:7px 10px;text-align:right;}
    #rightContent .side-case .link a {background:transparent url("http://s5.s-sfr.fr/mobile/edito/css/skin/promo-webphones/chevron-link.gif") no-repeat right 0;color:#000;font-size:12px;font-weight:bold;padding-right:15px;}
    #rightContent .side-case .link ul {padding:10px 0;}
    #rightContent .side-case .link ul li {padding-bottom:5px;}
    #rightContent .side-case .link ul li.last {padding-bottom:0;}
    /*---------------*/
    /* Besoin d'aide */
    #rightContent .side-case#aide {background:#fff url("http://s5.s-sfr.fr/mobile/edito/img/multi-packs-de-sfr-aide/visuel_besoin_aide.png") no-repeat right 32px;}
        #rightContent .side-case#aide h3 {font-weight:bold;}