/* 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, .clearing{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.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:#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;}
ul.red-square li {background:transparent url("/mobile/edito/css/skin/professionnels/red-quare.gif") no-repeat 3px 8px;font-size:14px;line-height:16px;padding:0 0 2px 15px;}
.fright {float:right;}
.fleft {float:left;}
/*=========================================================================*/
#main{font-size:0.7em;}
#main_content{text-align:left;overflow:hidden;}
#container{margin:0 auto;width:984px;}
/*=========================================================================*/
#content_header{font-size:18px;padding-top:18px;position: relative;z-index:10;}
#content_header h1{padding:0 0 20px 0;font:25px bold arial; color:#1c1c1c, line-height:31px;}
/*=========================================================================*/
#contentWrapper{position:relative;z-index:1;}
#leftCol{float:left;}
#rightCol{width:230px;float:right;*margin-top:15px;position: relative;z-index:1;}
/*=========================================================================*/
#content{width:738px;margin-bottom:15px;}
/*
** Content - contenu
*/
/*===========================================================================
**Right Col Personnalisation pour nouveau design ISO forfaits-mobile.jspe
*/
#rightCol {padding-top: 0;}
#rightCol .bloc h4 {color:#000!important;padding:10px 0 10px 10px!important;}
    #rightCol .bloc h4.trouge strong {color:#000!important;}
#rightCol .bloc .blocWrapper {background:#fff;padding:10px!important;line-height:15px;padding:0 10px 10px;}
    #rightCol .bloc .listOfLinks ul {list-style-image:none!important;}
    #rightCol .bloc .listOfLinks ul li {background-position:left 0!important;padding:0 0 5px 10px;}
#rightCol #magasin {background:#fff!important;}
#rightCol #avWeb .listOfLinks ul li {padding:0 0 0 10px!important;background:transparent!important;text-align:left!important;}
#rightCol #espace-sfr h4 {background:#fff;}
    #rightCol #espace-sfr .blocWrapper {background-image:url("/mobile/edito/css/skin/professionnels/col-picto-espace-sfr.png");background-repeat:no-repeat;background-position:153px 6px;padding-right:80px!important;}
    #rightCol #espace-sfr ul {padding-left:10px;}
    #rightCol #espace-sfr ul li {background:transparent url("/mobile/edito/css/skin/puce-lien-right.gif") no-repeat left 0!important;}
#rightCol #magasins .listOfLinks ul, #rightCol #avantages .blocWrapper ul li {background:transparent!important;}
#rightCol #magasins .listOfLinks {background:#f2f3f5;padding-top:6px!important;}
#rightCol #commercialPro strong.big {font-size:16px;}
#rightCol #commercialPro p.petit {padding:5px 30px 5px 0;}
#rightCol #avantages #commercialPro .blocWrapper ul li {background:transparent url("/mobile/edito/css/skin/puce-lien-right.gif") no-repeat left 7px!important;;padding:8px 0 0 10px!important;}
#rightcol #commercialPro {border-bottom:1px solid #E2E2E2;}
#rightCol #servicePro2 .blocWrapper, #rightCol #espace .blocWrapper {background:#f2f3f5;}

 #rightCol .side-case {border:1px solid #CAC7C7;box-shadow:-2px 0 2px #D1D1D1;margin-bottom:15px;}
    #rightCol .side-case h3 {color:#000;font-size:16px;font-weight:bold;padding:15px 10px 10px;}
    #rightCol .side-case p {font-size:12px;line-height:14px;padding:0 0 10px 10px;}
    #rightCol .side-case .link {background:#f2f3f5;padding:7px 10px;text-align:right;}
    #rightCol .side-case .link a {background:transparent url("/mobile/edito/css/skin/promo-webphones/chevron-link.gif") no-repeat right 0;color:#000;font-size:12px;font-weight:bold;padding-right:15px;} 
    /*---------------*/
    /* Besoin d'aide */
    /*---------------*/
    #rightCol .side-case#services-carres {background:#fff url("/mobile/edito/img/forfaits-carre/pourquoi_rester_chez_sfr.png") no-repeat 115px 38px;} 
    #rightCol .side-case#services-carres p{min-height:85px;padding-top:20px;} 
/*===========================================================================
**Left Col
*/
#sfrSocialization.sfrDom {float:right;margin-left:50px;} 
#carousel_container {background:transparent url("/mobile/edito/css/skin/professionnels/bg_main_content.jpg") repeat-x 0 top;position:relative;width:727px;}
   .pro-intro {min-height:95px;_height:95px;font-size:14px;padding:0 0 25px;}
        .pro-intro span {color:#848484;display:block;font-size:15px;font-weight:bold;margin:0 0 25px;}
        .pro-intro ul.red-square {margin-top:5px;}
    #carousel_container p.pro-info {font-size:14px;padding-left:270px;}
    #carousel_container .btn-dl {background:transparent url("/mobile/edito/css/skin/professionnels/btn-dl.png") no-repeat 0 0;cursor:pointer;height:58px;padding:12px 14px 0 0;position:absolute;right:-15px;text-align:center;top:250px;width:80px;}
        #carousel_container .btn-dl a:hover {text-decoration:underline;}
#carousel_inner {float:left;margin:10px 55px 10px 65px;overflow:hidden;width:133px;}
#carousel_ul {position:relative;top:-180px;list-style-type:none;margin:0px;padding:0px;padding-bottom:10px;z-index:1;}
    #carousel_ul li{display:block;width:133px;padding:0;}
	#carousel_ul li img {cursor:pointer;padding:1px;background:transparent;}
        #carousel_ul li span {display:block;font-size:11px;text-align:center;}
        #carousel_ul li:hover img, #carousel_ul li img.current {border:1px solid #e2001a;padding:0;}
	    /*navigation dans le slider*/
            .carousel-wrap {margin-top:10px;}
            .carousel-previous {background-image:url("/mobile/edito/css/skin/professionnels/btn-scroll-top.png");top:-23px;}
	    .carousel-next {background-image:url("/mobile/edito/css/skin/professionnels/btn-scroll-bottom.png");bottom:-20px;}
	    .carousel-previous, .carousel-next{background-position:0 0;background-color:transparent;background-repeat:no-repeat;border:0;left:112px;position:absolute;height:45px;text-indent:2000px;width:45px;z-index:3;}
	    .carousel-previous, .carousel-next{cursor:pointer;}
            .carousel-previous.disabled, .carousel-next.disabled {display:none!important;}
	.doc-toggle {float:left;min-height:550px;_height:550px;margin-top:20px;width:400px;}
    /*Chrome sucks...*/
    .carousel-wrap {height:542px;}
    
/*popin*/
.popin{position:absolute;z-index:75;display:none;}
.popin .popinCadre{background:transparent url("/mobile/edito/css/skin/multi-packs-de-sfr/v2/background-popin.png") repeat left top;width:600px;padding:20px;}
.popin .popinContainer{width:600px;position:relative;z-index:80;background-color:white;border:1px solid #cbcbcb;text-align:left;}
.popin .popinContainer .popinContent{padding:20px;position:relative;font-size:12px;}
.popin .popinContent .popinTitle{position:relative;padding-bottom:15px;}
.popin .popinContent .popinTitle h2{font:bold 24px arial, sans-serif;float:left;}
.popin .popinContent .popinTitle .popinFermer{float:right;display:block;font:bold 11px arial, sans-serif;padding:7px 30px 0 0;height:20px;
	background:transparent url("/mobile/edito/css/skin/multi-packs-de-sfr/v2/popin-fermer.jpg") no-repeat scroll right center;}
.popin .popinContent .popinSubtitle{font:bold 18px arial, sans-serif;padding-bottom:20px;}
.popin .popinContent .image{padding:0 0 15px 25px;}
.popin .popinContent .row h3{font:bold 18px arial, sans-serif;padding-bottom:10px;}
.popin .popinContent .row{padding-bottom:15px;}
.popin .litle{font-size:11px;}
.popinImg {background:transparent url("/mobile/edito/img/multi-packs-de-sfr/picto-eco_avantage.jpg") no-repeat left top;width:57px;height:57px;float:left;margin-right:10px;}

 .neufbox-pro-sfr input {margin: 10px;width: 120px;}
 
/********************************************/
/* EXCEPTION CAROUSEL POUR CHROME SEULEMENT */
/********************************************/
  
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .carousel-wrap {min-height:552px!important;}
    #carousel_ul {min-height:920px!important;}
    #carousel_ul li {height:184px!important;}
}