/* meyerweb resetCSS v1.0 | 20080212 */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
/* remember to define focus styles! */
:focus{outline:0;}
/* remember to highlight inserts somehow! */
ins{text-decoration:none;}
del{text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0;}
*{font-family:arial, helvetica, sans-serif;}
shape,fill{margin:0;padding:0;}
sup,sub{display:inline-block;font-size:0.8em;}
sup{vertical-align:super;margin-top:-6px;}
sub{vertical-align:sub;margin-bottom:-6px;}
/*===========================================================================
**generalités
*/
.clearer{clear:both;float:none;font:normal 1px/1px arial;}
.hidden{display:none;}
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.tred, h1.tred strong, .tred, .tred strong, a.tred:link, a.tred: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:#539d28;}
.center{text-align:center;}
.spacer{clear:both;float:none;border-bottom:1px dotted #b8b8b8;padding:10px 0 0;margin:0 15px 10px;_padding:0;_margin:10px 15px;}
.half, .third, .fourth, .fifth{float:left;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
a.a-btn-red {background:transparent url("http://s5.s-sfr.fr/mobile/edito/css/skin/bg-btn-red-new.png") repeat-x 0 0;color:#fff;font-size:12px;font-weight:bold;height:16px;padding:5px 10px;text-align:center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
ul.red-square li {background:transparent url("http://s5.s-sfr.fr/mobile/edito/css/skin/appel-vers-la-chine/red-square.gif") no-repeat 0 5px!important;padding-left:10px!important;}
##ctn_gbl {text-align:left!important;}
/*=========================================================================*/
#main{font-size:12px;}
#main_content{text-align:left;}
#container{margin:0 auto;width:984px;}
/*=========================================================================*/
#content{width:984px;margin-bottom:15px;padding-top:15px;}
/*
**
===========================================================================*/
/*===========================================================================
** Content - contenu
*/
.main-content {background:transparent url("http://static.s-sfr.fr/media/bg-main-content.jpg") no-repeat 0 0;margin-bottom:30px;padding:5px 10px;position:relative;width:965px;}
    .corner-jeune h1 {font-size:20px;margin-bottom:15px;text-align:left;font-family:"SFR-Regular";}
    .corner-jeune h1 span {text-transform:uppercase;}

    #case-mobile {padding:0 5px 0 15px;}
    .main-content img.img-picto {position:absolute;top:-45px;right:12px;}
    .main-content .mobiles {background:transparent url("http://s5.s-sfr.fr/mobile/edito/corner-jeune/images/bg-mobiles.png") no-repeat 0 0;float:left;height:485px;padding:15px 0;width:604px;}
    .main-content .mobiles .case {border-width:0 1px 1px 0;border-style:solid;border-color:#d8d8d8;float:left;height:240px;padding-left:5px;position:relative;text-align:left;width:285px;}
    .main-content .mobiles .case.no-border-r {border-right:0;}
    .main-content .mobiles .case.no-border-b {border-bottom:0;}
    .main-content .mobiles .case.last {margin-right:0;}
    .main-content .mobiles .case h2 {font-size:12px;font-weight:normal;padding:5px 0 0 5px;text-align:left;text-transform:uppercase;font-family:"SFR-Regular";}
    .main-content .mobiles .case h2 strong{font-weight:bold;}
    .main-content .mobiles .case h2 strong span{font-weight:normal;text-transform:lowercase;font-size:12px;}
    .main-content .mobiles .case a.a-btn-red {position:absolute;bottom:5px;right:10px;width:58px;}
   
    .main-content .mobiles .case .tarif {background:transparent url("http://s1.s-sfr.fr/mobile/edito/corner-jeune/images/bg-tarif.png") no-repeat 0 0;font-family:"SFR-Regular";position:absolute;top:40px;left:125px;height:83px;padding-top:7px;text-align:center;width:86px;}
        .main-content .mobiles .case .tarif strong.tred {font-size:34px;}
        .main-content .mobiles .case .tarif strong.tred span {font-size:18px;}
        .main-content .mobiles .case .tarif em {display:block;font-size:16px;font-style:normal;margin-bottom:3px;text-decoration:line-through;}
        .main-content .mobiles .case .tarif p {font-size:11px;}

    .main-content .mobiles .case .case-acc {position:absolute;bottom:35px;right:0;text-align:center;width:100px;font-weight:bold;}
    
    .main-content .promo {background:transparent url("http://static.s-sfr.fr/media/bg-offre-corner-jeune-v3.png") no-repeat 0 0;float: left;height: 300px;
margin: 195px 0 0 -17px;width: 300px;}
 
    .main-content .footer {background:#ebe7e8;margin:10px -10px 0;text-align:center;}
    .main-content .footer img {margin-left:-3px;}
    .main-content .footer a:hover {text-decoration:none;}
    
    .main-content .plus-acc {font:bold 34px arial;color:#e2001a;position:absolute;top:130px;right:102px;}

/* layer avec detail offre */   
#case-promo {display:none;position:relative;}
    #case-promo h3 {font-size:24px;font-weight:bold;font-family:"SFR-Regular";height:48px;margin:0 0 10px 0;text-align:center;text-transform:uppercase;}
   .case-tel h3 strong{color:#e2001a;font-weight:bold;font-size:16px;font-weight:bold;}
   .case-tel .case-acc {position:absolute;top:200px;right:25px;text-align:center;line-height:20px;width:150px;}
        .case-tel .case-acc strong {color:#e2001a;font-size:34px;display:block;float:left;margin:0 5px 0 0;text-align:center;}
        .case-tel .case-acc span {font-size:11px;font-weight:bold;display:block;float:left;font-weight:bold;text-align:left;padding-top:10px;}
        .case-tel .case-acc img {margin-top:5px;}
    #case-promo img.picto-bandeau {left:-4px;position:absolute;top:-18px;}
    #case-promo .close {float:right;margin-right:10px;}
        #case-promo .close a {background:transparent url("http://s5.s-sfr.fr/mobile/edito/corner-jeune/images/picto-cross.png") no-repeat right 0;color:#000;font-size:12px;padding:0 16px 0 0;}
    #case-promo ul li a.a-btn-red {bottom:100px;left:235px;position:absolute;}
    #case-promo .options {background:#fff;font-size:13px;margin:20px 0 0 6px;padding:15px 20px 0;width:558px;}
    #case-promo .options .accessoire {background-color:transparent;background-position:right top;background-repeat:no-repeat;float:left;height:95px;padding-left:15px;text-align:left;width:263px;}
        /* personnalisation accessoires */
        #case-promo .options .accessoire.sd-8-card {background-image:url("http://s5.s-sfr.fr/mobile/edito/corner-jeune/images/acc-sd-8-go.png");}
    #case-promo .options .accessoire.sd-4-card {background-image:url("http://s5.s-sfr.fr/mobile/edito/corner-jeune/images/acc-sd-4-go.png");}	
    #case-promo .options ul {float:left;text-align:left;width:275px;}
        #case-promo .options ul li {float:none;font-size:13px;height:auto;margin:0 0 2px 0;padding:0;}
    #case-promo ul li .tarif {background:transparent url("http://s5.s-sfr.fr/mobile/edito/corner-jeune/images/bg-tarif-detail.png") no-repeat right 0;color:#fff;height:111px;padding:12px 10px 0 0;position:absolute;top:90px;right:90px;width:110px;}
        #case-promo ul li .tarif strong {font-size:45px;}
        #case-promo ul li .tarif strong span {font-size:28px;}
        #case-promo ul li .tarif em {display:block;font-size:20px;font-style:normal;color:white;text-decoration:line-through;}
        #case-promo ul li .tarif p, #case-promo ul li .tarif p strong {font-size:14px;}
    #case-promo .visuel {background-color:transparent;background-position:center top;background-repeat:no-repeat;margin:0 auto;height:307px;width:475px;}
    /* personnalisation visuels mobiles */
    #case-promo #case-tel-1 .visuel {background-image:url("http://static.s-sfr.fr/media/mob-xperia-m-noirblanc.png");}
    #case-promo #case-tel-2 .visuel {background-image:url("http://static.s-sfr.fr/media/corner-jeune-visuel-galaxy-trend-noir-blanc.png");}
    #case-promo #case-tel-3 .visuel {background-image:url("http://static.s-sfr.fr/media/corner-jeune-visuel-xperia-u.png");}
    #case-promo #case-tel-4 .visuel {background-image:url("http://static.s-sfr.fr/media/corner-jeune-visuel-lumia520-rouge.png");}
    
  
    /* carousel mobile */
    #carousel_inner {float:left;height:480px;width:604px;}
    #carousel_ul {position:relative;}
    #carousel_ul li{float:left;width:604px;height:465px;padding-top:10px;background:transparent;margin:0;position:relative;}
    #carousel_ul li img {.margin-bottom:-4px;cursor:pointer;}
    #left_scroll, #right_scroll{background:transparent;float:left;height:52px;margin-top:142px;width:36px;}
    #left_scroll img, #right_scroll img{cursor:pointer;}
    #right_scroll {margin-top:130px;}
    #left_scroll {margin-left:7px;}

/*===========================================================================
**legals
*/
#legals {text-align:left!important;}
#mentions-legales{color:#004672;font-size:11px;}
#div-mentions-legales{color:#868686;display:none;font-size:11px;padding:10px 0;text-align:left;}

#dl-document {text-align:left!important;}
#dl-document strong{display:block;font-size:18px;margin-bottom:15px;}
#dl-document ul li {padding:0;margin:0 0 8px 0;}




/* OFF*/
#background_off {background:transparent url("http://s5.s-sfr.fr/mobile/edito/img/ventes-flash/background_attente.png") repeat-y top left;
z-index:5000;width:100%;height:1475px;position:absolute;top:0;left:0;}
#layer_vf_off{position:absolute;border:1px solid black;top:200px;left:50%;margin:0 0 0 -375px;z-index:3000;width:714px;height:480px;background:white;}




/*===========================================================================
**TIILTA
*/

.sfrDom #bolLayoutMainZone{margin:0;}
.sfrDom em {color:black;}

.main-content .mobiles .case .tarif em {    text-align: center;}
.main-content .mobiles .case a.a-btn-red {    color: white;}
.main-content .mobiles .case .tarif em {    line-height: 1em;}
.main-content .mobiles .case .tarif p {    text-align: center;}

#case-promo ul li a.a-btn-red {    color: white;}
#case-promo ul li .tarif {    text-align: center;}
#case-promo ul li .tarif em {    text-align: center;}
#case-promo ul li .tarif p, #case-promo ul li .tarif p strong {    text-align: center;color: white;}

.corner-jeune h1 {    font-weight: bold;}

.sfrDom .main-content {padding: 5px 10px;margin-bottom: 30px;}

.sfrBol #bolLayoutMainZone {    width: 984px;}

#sfrHeaderHome.sfrDom.header {    margin: 0;}

/*TF-2012-11*/
.fnac-banner img{margin:20px 0;margin-left:-10px;/*box-shadow:0px 0px 5px 1px #ccc;*/}