/* 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;}
/*===========================================================================
**generalités
*/
.clearer, .clearing{clear:both;float:none;font:normal 0px/0px arial;height:0;}
.hidden{display:none;}
.trouge, a.trouge:link, a.trouge:visited{color:#e2001a;}
.tbleu, a.tbleu:link, a.tbleu:visited{color:#004672;}
.tnoir, a.tnoir:link, a.tnoir:visited{color:#000 !important;}
.tgris, a.tgris:link, a.tgris:visited{color:#5e5e5e;}
.tvert, 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;}
/*=========================================================================*/
#main{font-size:0.7em;}
#main_content{text-align:left;}
#container{margin:0 auto;width:984px;background:white;}
/*=========================================================================*/
#content_header{height:30px;font-size:20px;padding:18px 0 0 10px;position: relative;z-index:10;}
#content_header h1{font-weight:normal;float:left;}
/*=========================================================================*/
#contentWrapper{position:relative;z-index:1;}
#leftCol{float:left;}
#rightCol{width:230px;float:right;position: relative;z-index:1;background:#fafafa;border-left: 1px solid #E0E0E0;height:650px;}

#content{width:738px;margin-bottom:15px;}
/*=== cont_ml*/	
#leftCol .cont_ml{/*padding:15px 0;*/text-align:left;}
#leftCol .cont_ml div{color:#868686;font-size:11px;padding:0 15px;text-align:left;}
#leftCol .cont_ml div a{color:#868686;}
#leftCol .cont_ml .mentionsLegales{color:#868686;font-size:11px;padding-right:15px;}
/*==== row*/
.row{padding-bottom:25px;}
.row .last{margin:0;}
.row > .last{margin:0;}
.row .bloc .blocWrapper h2{font:bold 18px arial,sans-serif;padding:0 0 8px;}
.bloc .blocWrapper{padding:5px 15px 0;}
/*=========================================================================*/

/***** tabulation ****/
UL.tabNavigation {
	list-style: none;
	margin: 0;
	padding: 0 0 0 20px;
	float:left;
	width:704px;
	height:54px;
	display:block;
	background:transparent url("http://static.s-sfr.fr/media/bg_blanc_qr_top.png") no-repeat scroll 0 100%;
	/* border-bottom:1px solid #aaa; */
}
UL.tabNavigation LI {
	display: inline;
	float:left;
	margin-left:9px;
	z-index:9;
}
UL.tabNavigation LI.firsttab {
	margin-left:0px;
}
UL.tabNavigation LI A {
	background: url("http://s2.s-sfr.fr/mobile/edito/css/skin/multi-packs-de-sfr-faq/tab_left.jpg") no-repeat scroll left top transparent;
	display: inline-block;
	height: 40px;
	padding-left: 15px;
	text-decoration: none;

}
UL.tabNavigation LI.firsttab A.selected {
	background:#fff url("http://static.s-sfr.fr/media/tab_act_left_ft2.png") no-repeat scroll left top;height:41px;
	/* top:1px;
	position:relative;
	z-index:9; */
}
UL.tabNavigation LI A.selected {
	background:#fff url("http://s2.s-sfr.fr/mobile/edito/css/skin/multi-packs-de-sfr-faq/tab_act_left.jpg") no-repeat scroll left top;
	height:49px;
	/* top:1px;
	position:relative;
	z-index:9; */
}
UL.tabNavigation LI A span {
	background: url("http://s2.s-sfr.fr/mobile/edito/css/skin/multi-packs-de-sfr-faq/tab_right.jpg") no-repeat scroll right top transparent;
	color: #000;
	font-weight:normal;
	display: inline-block;
	font-size: 13px;
	font-weight:bold;
	height: 25px;
	padding-right: 18px;
	padding-top: 15px;
	cursor:pointer;
	text-align:left;
	line-height:1;
}
UL.tabNavigation LI A span.un_seul_ligne {
	padding-top: 17px;
	height: 32px;
}
UL.tabNavigation LI A.selected span {
	background: url("http://static.s-sfr.fr/media/tab_act_right.png") no-repeat scroll right top transparent;
	font-weight:bold;
}
UL.tabNavigation LI A:focus {
	outline: 0;
}
div.tabs > div {
	float:left;
	width:709px;
}
.tabulation {
	/* background:#f0f0f0 url("http://s2.s-sfr.fr/mobile/edito/css/skin/multi-packs-de-sfr-faq/tab_sep.gif") no-repeat scroll -1px top; */
	/* padding-top:1px; */
	/* border-top:1px solid red;
	padding-top:0; */
	width:703px;
	background: url("http://static.s-sfr.fr/media/bg_blanc_qr_middle.png") repeat-y scroll left bottom transparent; 
        padding: 0 0 60px;
}
div.tabs > div h2 {
	margin-top: 0;
}
.tabs {
	width:703px;
	clear:left;
}


/**** toggle style ****/
.toggle-view {
	list-style:none;
	font-family:arial;
	font-size:11px;
	margin:0;
	padding:0;
	width:699px;
	padding-left:20px;
}
.toggle-view li.first_toggle {
	margin-top:12px;
	border-top:1px solid #c0bcbd;
}
.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:10px;
	padding-bottom:9px;
	width:660px;
        background:#fafafa;
}
.toggle-view li.last_toggle {

}
.toggle-view li a{
	text-decoration:underline;
	color:#000}
	.toggle-view h3 {
		margin:0;
		font-size:12px;
		color:#1c1c1c;
	}
	.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: 15px;
		padding-right: 48px;
line-height:15px;
	}
	/*** toggle style**/

	.sou_titre_indication {
		margin-top:10px;
		margin-bottom:24px;
		text-align:left;


	}
	.sou_titre_indication p {


		color: #252525;
		font-size: 12px;
	}
	
.DejaClient2ndTitle{font-size:12px;}
.sfr-mentions-legales {
    float: left;
    margin-top: 100px;
    width: 100%;
}

/* MODIF LIST ITEM */
ul.toggle-view li h3{padding-left:14px;line-height:16px;background:transparent url(http://static.s-sfr.fr/media/fleche_rouge_bas.png) no-repeat scroll 630px 3px;}
ul.toggle-view li h3.hiddenText{background-image:url(http://static.s-sfr.fr/media/fleche_rouge_haut.png)}

/* FOND BODY */
body{padding:0;background: #EDEDED;}
#ctn_gbl{margin-top:0 !important;}
#sfrHeaderHome{background-color:#fff;margin-top:0 !important;}
#sfrFooter{background-color:#fff;margin-top:0 !important;width:984px !important;}
#content{width:100%;margin:0;}
#leftCol{float:left;width:709px;padding-left:15px;}
#rightCol{width:240px;position:relative; line-height: 14px;/* z-index:1; */}
.whiteBg{background-color:#fff;}


/* ENTETE */
#titleGroup{background:none;position:relative;}
#titleGroup div.h1{height:40px;width:435px;text-indent:-9999px;background:transparent url(http://s2.s-sfr.fr/mobile/edito/css/skin/series-red-de-sfr/background_series_red.png) no-repeat scroll left top;}
#titleGroup div.h2{font-size:28px;font-weight:normal;color:#fff;margin:10px 0;}
#titleGroup div.uniquement h3{font-size:16px;font-weight:normal;padding:10px 16px;}
#titleGroup div.uniquement h3 strong{font-size:20px;font-weight:bold;text-decoration:underline;padding-left:5px;}
#titleGroup div.uniquement p{color:#fff;font-size:13px;font-weight:bold;text-transform:uppercase;padding-left:7px;}
#titleGroup div.partager{position:absolute;left:724px;top:0;width:auto;}
#titleGroup div.partager span{display:block;float:left;line-height:24px;color:#e7e7e7;font-size:14px;font-weight:bold;}
#titleGroup div.partager img{display:block;float:left;width:24px;height:24px;padding-left:4px;}

#leftCol div.h3{font-size:20px;margin:35px 0;text-align:left;}

/* RIGHTCOL */
.greenTop{background:#61aa32;height:3px;}
#rightCol .bloc .headerBar {position:relative;}
#rightCol .bloc .blocWrapper ul li{lis-style:none;background:transparent url(http://s2.s-sfr.fr/mobile/edito/css/skin/series-red-de-sfr/puce-lien-right-red.gif) no-repeat scroll left 12px;padding:8px 0 0 10px;}
#rightCol .listOfLinks ul li.picto_red{background:url(http://s2.s-sfr.fr/mobile/edito/css/skin/series-red-de-sfr/puce-lien-right.gif) no-repeat scroll left 7px transparent;padding:8px 0 0 10px;}

#rightCol a.retour{display:block;margin-bottom:10px;font-size:12px;font-weight:normal;color:#252525;padding:4px 0 0 8px;background:url(http://s2.s-sfr.fr/mobile/edito/css/skin/series-red-de-sfr-faq/picto_bullet_arrow.gif) no-repeat scroll left 7px transparent;}

#rightCol #seriesRedBloc{background-color:#f2f3f5;}
/* #rightCol div.h4{font-size: 16px;padding-bottom:10px;padding-left:30px;padding-right:0;padding-top:5px;} */
#rightCol #seriesRedBloc h4{line-height:18px;background-color:#fff;padding-bottom:4px;}
#rightCol #seriesRedBloc .listOfLinks ul li{padding-left:30px;width:180px;}
#rightCol #seriesRedBloc .listOfLinks ul li.tel{background:transparent url(http://s2.s-sfr.fr/mobile/edito/css/skin/series-red-de-sfr/picto_telephone.png) no-repeat left center;}
#rightCol #seriesRedBloc .listOfLinks ul li.camion{background:transparent url(http://s2.s-sfr.fr/mobile/edito/css/skin/series-red-de-sfr/picto_camion.png) no-repeat left center;}
#rightCol #seriesRedBloc .listOfLinks ul li.ordi{background:transparent url(http://s2.s-sfr.fr/mobile/edito/css/skin/series-red-de-sfr/picto_ordinateur.png) no-repeat left center;}
#rightCol #seriesRedBloc .listOfLinks ul li.question{background:transparent url(http://s2.s-sfr.fr/mobile/edito/css/skin/series-red-de-sfr/picto_question.png) no-repeat left center;}
#rightCol #seriesRedBloc .listOfLinks ul li a{font-size:12px;color:#252525;}
#rightCol #seriesRedBloc .listOfLinks ul li a span{font-weight:bold;text-decoration:underline;}

#rightCol #besoinAide h4{line-height:18px;background-color:transparent;padding-bottom:4px;}
#rightCol #besoinAide.aideRappel{background:transparent url(http://s2.s-sfr.fr/mobile/edito/css/skin/series-red-de-sfr/besoin-aide_fille.png) no-repeat scroll right center;}
#rightCol #besoinAide .blocWrapper{font-size:12px;}
#rightCol #besoinAide .listOfLinks{background:#f2f3f5;}
#rightCol #besoinAide .listOfLinks ul li{padding:8px 14px 8px 0;}
#rightCol #besoinAide .arrowRed{text-align:right;background:transparent url(http://s2.s-sfr.fr/mobile/edito/css/skin/series-red-de-sfr/nextArrow.png) no-repeat scroll right center;}

#rightCol .touteAssistance{background-color:#f0f0f0;}
#rightCol #dejaClient.redSeries .touteAssistance .listOfLinks ul li {padding:10px 40px 8px 0;margin-bottom:0;}
#rightCol .touteAssistance .arrowGreen{text-align:right;background:transparent url(http://s2.s-sfr.fr/mobile/edito/css/skin/series-red-de-sfr/chevron-lien-right-red.png) no-repeat scroll 170px 15px;}

/*deja client*/
#rightCol #clientsMobile{padding-bottom:10px;border-bottom:1px solid #aaa;}
#rightCol #dejaClient.redSeries .blocWrapper{padding:15px;}
#rightCol #dejaClient.redSeries  div.redAssist{font-size:14px;font-weight:bold;margin-top:15px;}
#rightCol #dejaClient.redSeries .visuel{}
#rightCol #dejaClient.redSeries .listOfLinks ul li{margin-bottom:3px;}

#rightCol #dejaClient hr{border:0;color:#aaa;background-color:#aaa;margin:5px 0;}

#rightCol #dejaClient a { font-size:12px; }





/* CSS JUL 291112 */
#contentWrapper{margin: -15px 0 0 0;}

#dejaClient{background:#fcfcfc;border:1px solid #e6e6e6;width:200px;margin: 18px;}

.bg_bottom{background:transparent url(http://static.s-sfr.fr/media/bg_blanc_qr_bottom.png) no-repeat top left;height: 15px;}