/*
**  @author : F6
* A. Librairies (CSS reset et styles generaux...)
* B.  Helpers Classes.
* C. Structure principal (#page, #main, #menu, #nav...)
* D. Structure des contenus (line, unit, .block, .blockSimple, corners). On ne trouve ici que les declarations structurelles de base
* E. Blocks (definitions des nouveaux (blockFIlled, blockSimple, blockTabs....)
* F. Contenus (listes ul.listPuce, .mea, dataArray...)
* G. Customs
*/

/****
* A. Librairies (CSS reset et styles generaux...)
****/
html,body,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, dd,dl,dt,li,ol,ul, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;line-height:1.22em;font-family:inherit;text-align:inherit;}
a img,:link img,:visited img{border:0;}
table{border-collapse:collapse;border-spacing:0;}
ul{list-style:none;}
ol{list-style:decimal inside;}
q:before,q:after, blockquote:before,blockquote:after{content:"";}
strong,h1,h2,h3,h4,h5,h6 {font-weight:bold;}
em{font-style:italic;}
input, textarea, select  {font-size:99%}

/* Maximiles popup*/
#ensavoirplus {width:500px; margin:20px;}
.titreM {font-family:Arial, Helvetica, sans-serif; color:#dd1e90; font-size: 16px; font-weight: bold;}
.interM {font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size: 16px; font-weight: bold;}
.etapeM {font-family:Arial, Helvetica, sans-serif; color:#dd1e90; font-size: 12px; font-weight: bold;}
.interFaqM {font-family:Arial, Helvetica, sans-serif; color:#000000; font-size: 16px;}
.koi {font-family:Arial, Helvetica, sans-serif; color:#000000; font-size: 13px;}
.descript {font-family:Arial, Helvetica, sans-serif; color:#000000; font-size: 13px;}
.descript10 {font-family:Arial, Helvetica, sans-serif; color:#000000; font-size: 11px;}
.descriptBlanc {font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size: 13px;}
.questionM {font-family:Arial, Helvetica, sans-serif; color:#dd1e90; font-size: 12px; font-weight: bold;}
.heures-GT {font-family:Arial, Helvetica, sans-serif; color:#000000; font-size: 20px; font-weight: bold;}
/**/

/* styles generaux hx, strong a, img */
h1 {color:#000; font-size:1.66em;}
/*h1 {color:black; font-size:2.5em;}*/
h2 {color:#4CB011; font-size:1.33em;}
/*h2 {color:#000; font-size:1.66em;}*/
/*h3 {color:black; font-size:2.5em;}*/
h3 {color:#4CB011; font-size:1.33em;}
h3 strong {color:#000;}
h4 {}
h5 { font-weight:bold; margin:30px 0px 15px 0px;}
p {line-height:1.4em;}
h6 {color:black; font-size:1.2em;}
a {color:#4CB011;text-decoration: none;}
a:hover {text-decoration: underline;}

a.lienSpecial {color:black;}
a.souligne {text-decoration:underline;}

/* Permet de souligner uniquement les span à l'intérieur d'un lien */
.souligne_span a:hover, a.souligne_span:hover { text-decoration:none;}
.souligne_span a:hover span, a.souligne_span:hover span {text-decoration:underline;}

/* Pour le survol des images dans un lien */
.imgSurvol a {display:-moz-inline-stack; display:inline-block; padding:2px;}
.imgSurvol a:hover {background-color:#71C61B;}


h4 sup { font-size:0.5em;}
#colRight sup { font-size:0.7em;}
sup {font-size:0.8em;}
a span,.pointer {cursor:pointer;}



.hasJS .hidden {display: none;}
.errorMsg {color: #ff0000;}
.colorSimpleGreen,.caution {color: #4CB011;}
.colorGreenLite {color: #73C92A;}
.colorRed {color: #F1324E;}
.colorFlash {color:#EA8B00;}
.special {color:#afafaf;}
.colorDark{color:#202020}
.colorGrey{color:#929292;}
.colorWhite{color:#FFF;}
.colorBlack{color:#000;}

/****
* B.  Helpers Classes.
****/
/* alignement (vertical-align, text-align) */
.txtL{text-align:left !important;}
.txtC{text-align:center !important;}
.txtR{text-align:right !important;}
.txtT{vertical-align:top !important;}
.txtM{vertical-align:middle !important;}
.txtB{vertical-align:bottom !important;}
.txtSp{vertical-align:super !important;}
.txtBase{vertical-align:baseline !important;}
.txtTxBottom{vertical-align:text-bottom !important;}

.surligne{text-decoration:line-through !important;}
.noUnderline{text-decoration:none !important;}
.upperCase{text-transform:uppercase;}

/* positionnement flottant */
.floatL {float:left !important;}
.floatR {float:right !important;}
.clearL {clear:left !important;}
.clearR {clear:right !important;}
.clearAll {clear:both !important;}
.context {overflow:hidden; _overflow:visible; zoom:1}
.Ohidden {overflow:hidden !important;}
.Ovisible {overflow:visible !important;}
.displayB {display:block !important;}
.Pabsolute{position:absolute !important;}
.Prelative{position:relative !important;}
/* fullWidth (force une image ou un flash a prendre toute la largeur de son conteneur,  <div class="fullImg"><img src="image.gif" /></div>) */
.mediaFullSize object, .mediaFullSize embed, .mediaFullSize img {width:100%;display:block;vertical-align:top;}


/* largeurs des blocs */
.size1on1{float:none !important;margin-right:0 !important; width:auto}

.size1on2{width:49.48%!important}
.size1on3{width:32.64%!important}
.size1on4{width:24.22%!important}
.size1on5{width:19.17%!important}
.size2on3{width:66.32%!important}
.size2on5{width:39.38%!important}
.size3on4{width:74.74%!important}
.size3on5{width:59.58%!important}
.size4on5{width:79.79%!important}
.size1on6{width:15.8%!important}
.size2on6{width:32.64%!important}
.size3on6{width:49.48%!important}
.size4on6{width:66.32%!important}
.size5on6{width:83.16%!important}
.size1on7{width:13.39%!important}
.size2on7{width:27.83%!important}
.size3on7{width:42.26%!important}
.size4on7{width:56.7%!important}
.size5on7{width:71.13%!important}
.size6on7{width:85.57%!important}
.sizeHome2_3{width:62% !important;}
.sizeHome1_2_3{width:30.4% !important;}
/*.size2on7 { width:28% !important;}*/

.sizeHome2_7{width:19% !important;}
/*.sizeHome2_7{width:26% !important;}*/
.size760{width:760px!important;}
.centerSize760{margin-left:-380px!important;}

/* marges des blocs */
.Vspace, .Tspace {margin-top:10px !important}
.Vspace, .Bspace {margin-bottom:10px !important}
.VspaceLg, .TspaceLg {margin-top:25px !important}
.VspaceLg, .BspaceLg {margin-bottom:25px !important}

/* margins pour les contenus, XmarginYY*/
.Nomargin {margin:0 !important;}
.marginSm {margin:5px !important}
.margin{margin:10px !important}
.marginLg {margin:20px !important}
.NVmargin, .NTmargin {margin-top:0 !important} .NVmargin, .NBmargin {margin-bottom:0 !important} .Hmargin, .Lmargin {margin-left:0 !important} .NHmargin, .NRmargin {margin-right:0 !important}
.VmarginXsm, .TmarginXsm {margin-top:3px !important} .VmarginXsm, .BmarginXsm {margin-bottom:3px !important} .HmarginXsm, .LmarginXsm {margin-left:3px !important} .HmarginXsm, .RmarginXsm {margin-right:3px !important}
.VmarginSm, .TmarginSm {margin-top:5px !important} .VmarginSm, .BmarginSm {margin-bottom:5px !important} .HmarginSm, .LmarginSm {margin-left:5px !important} .HmarginSm, .RmarginSm {margin-right:5px !important}
.Vmargin, .Tmargin {margin-top:10px !important} .Vmargin, .Bmargin {margin-bottom:10px !important} .Hmargin, .Lmargin {margin-left:10px !important} .Hmargin, .Rmargin {margin-right:10px !important}
.VmarginLg, .TmarginLg {margin-top:20px !important} .VmarginLg, .BmarginLg {margin-bottom:20px !important} .HmarginLg, .LmarginLg {margin-left:20px !important} .HmarginLg, .RmarginLg {margin-right:20px !important}
.VmarginXlg, .TmarginXlg {margin-top:30px !important} .VmarginXlg, .BmarginXlg {margin-bottom:30px !important} .HmarginXlg, .LmarginXlg {margin-left:30px !important} .HmarginXlg, .RmarginXlg {margin-right:30px !important}

/* paddings pour les contenus */
.Nopadding {padding:0 !important;}
.paddingSm {padding:5px !important}
.padding{padding:10px !important}
.paddingLg {padding:20px !important}
.NVpadding, .NTpadding {padding-top:0 !important} .NVpadding, .NBpadding {padding-bottom:0 !important} .NHpadding, .NLpadding {padding-left:0 !important} .NHpadding, .NRpadding {padding-right:0 !important}
.VpaddingSm, .TpaddingSm {padding-top:5px !important} .VpaddingSm, .BpaddingSm {padding-bottom:5px !important} .HpaddingSm, .LpaddingSm {padding-left:5px !important} .HpaddingSm, .RpaddingSm {padding-right:5px !important}
.Vpadding, .Tpadding {padding-top:10px !important} .Vpadding, .Bpadding {padding-bottom:10px !important} .Hpadding, .Lpadding {padding-left:10px !important} .Hpadding, .Rpadding {padding-right:10px !important}
.VpaddingLg, .TpaddingLg {padding-top:20px !important} .VpaddingLg, .BpaddingLg {padding-bottom:20px !important} .HpaddingLg, .LpaddingLg {padding-left:20px !important} .HpaddingLg, .RpaddingLg {padding-right:20px !important}
.VpaddingXlg, .TpaddingXlg {padding-top:30px !important} .VpaddingXlg, .BpaddingXlg {padding-bottom:30px !important} .HpaddingXlg, .LpaddingXlg {padding-left:30px !important} .HpaddingXlg, .RpaddingXlg {padding-right:30px !important}

.TdottedSep {background: url(skin/misc/dottedSep.png) repeat-x left top;}

.enforce {font-size: 2em;font-weight: bold;line-height:1.6em;}
.enforce strong {font-size: 1.5em;}
.enforceSm {font-size:1.2em;}

.superposition { position:relative; z-index:100;}


.smallest {font-size: 0.8em !important;}
.smaller {font-size: 0.9em !important;}
.bigger {font-size: 1.1em !important;line-height:1.15em !important; }
.em06{font-size:.6em!important;}.em07{font-size:.7em!important;}.em08{font-size:.8em!important;}.em09{font-size:.9em!important;}.em10{font-size:1em!important;}.em11{font-size:1.10em!important;}.em12{font-size:1.20em!important;}.em13{font-size:1.30em!important;}.em14{font-size:1.40em!important;}.em15{font-size:1.50em!important;}.em16{font-size:1.60em!important;}.em17{font-size:1.70em!important;}.em18{font-size:1.80em!important;}.em19{font-size:1.90em!important;}.em20{font-size:2em!important;}.em21{font-size:2.1em!important;}.em22{font-size:2.2em!important;}.em23{font-size:2.3em!important;}.em24{font-size:2.4em!important;}.em25{font-size:2.5em!important;}
.lineH06{line-height:.6em!important;}.lineH07{line-height:.7em!important;}.lineH08{line-height:.8em!important;}.lineH09{line-height:.9em!important;}.lineH10{line-height:1em!important;}.lineH11{line-height:1.10em!important;}.lineH12{line-height:1.20em!important;}.lineH13{line-height:1.30em!important;}.lineH14{line-height:1.40em!important;}.lineH15{line-height:1.50em!important;}.lineH16{line-height:1.60em!important;}.lineH17{line-height:1.70em!important;}.lineH18{line-height:1.80em!important;}.lineH19{line-height:1.90em!important;}.lineH20{line-height:2em!important;}.lineH21{line-height:2.1em!important;}.lineH22{line-height:2.2em!important;}.lineH23{line-height:2.3em!important;}.lineH24{line-height:2.4em!important;}.lineH25{line-height:2.5em!important;}
.blk {display:block;}
.noBorder {border:none !important;}
.noBold {font-weight:bold !important;}

.TBrdLight{border-top:solid 1px #E1E1E1;}.RBrdLight{border-right:solid 1px #E1E1E1;}.BBrdLight{border-bottom:solid 1px #E1E1E1;}.LBrdLight{border-left:solid 1px #E1E1E1;}
.brd1{border-width: 1px;}.Tbrd1{border-top-width: 1px;}.Rbrd1{border-right-width: 1px;}.Bbrd1{border-bottom-width: 1px;}.Lbrd1{border-left-width: 1px;}
.brdSld{border-style:solid;}.TbrdSld{border-top-style:solid;}.RbrdSld{border-right-style:solid;}.BbrdSld{border-bottom-style:solid;}.LbrdSld{border-left-style:solid;}
.brdDot{border-style:dotted;}.TbrdDot{border-top-style:dotted;}.RbrdDot{border-right-style:dotted;}.BbrdDot{border-bottom-style:dotted;}.LbrdDot{border-left-style:dotted;}
.brdGrey{border-color:#9F9F9F;}
.brdGreyLite{border-color:#CBCBCB;}

.gradientGreyWhiteGrey{background:#F1F1F1 url(skin/blocks/subListGradient.png) repeat-x left center!important;}
.gradientGreyWhiteGreyOver:hover{background:#F1F1F1 url(skin/blocks/subListGradient.png) repeat-x left center!important;}

.gradientWhiteGreyLite{background:#F1F1F1 url(skin/blocks/gradientWhitGreyLite.png) repeat-x left bottom!important;}

.bigGradient{background:url(skin/bigGradient.png) no-repeat center bottom;padding:0 0 7px 0;}


/*****
* C. Structure principal (#page, #main, #menu, #nav...)
****/
html {font-size:62.5%;}
body {background-color:#FFF;color:#000; font-family:Arial, Verdana;font-size:1.2em;color:#000000;}
.FAMbodyGradient{background:#fff url(skin/bgBody.png) repeat-x center 457px;}
.homeGradient{background:#fff url(skin/bgHomeBody.png) repeat-x center 500px;}
/* structure de base 3 colonnes */
#page_hp,.pageWidth_hp {text-align:left;margin:0 auto;width:960px;}
#page,.pageWidth {text-align:left;margin:0 auto;width:984px;_width:990px;} /*ici est definie la largeur du site*/
#content {overflow:hidden; zoom:1;} /* div englobeur contenant les colonnes du site */
.pageTitle {font-size:2.1em; margin:10px 0 0;}
#main {float:left;width:716px;}
#mainConfirme {margin:0 auto; width:694px;}
#page1col #main {width: 100%;margin: 0;float: none;}
#colRight {float:right; width:251px; } /* idem mais sur la droite avec marge a gauche */

/* HEADER : Attention !! le logo est integre a l'image du header */
#header {background:#7ED50D url(skin/header/background.png) repeat-x left bottom;margin-bottom: 2px;}
/*#headerInside {margin:0 auto;padding:7px 0;overflow:hidden; zoom:1;}*/
#logo {float:left; padding-top: 12px}
/*
#logo a {display:block; width:147px; height:71px; overflow:hidden; text-indent:-5000px; background:url(skin/header/logo_simplicime.png) no-repeat left top;}
*/
#logo a {display:block; width:149px; height:75px; overflow:hidden; text-indent:-5000px; background:url(skin/header/logo_simplicime.png) no-repeat left top;}

/* FOOTER */
#footer {margin: 30px 0 20px 0; text-align:center;}
#footer li {display: inline;border-right: 1px solid #74c718;padding:0 10px;}
#footer li.last {border-right: 0;}
#footer li a {color: #8d8d8d; text-decoration: none;}
#footer li a:hover {text-decoration: underline;}
#footer li a.environnement {background: url(skin/misc/picto_environnement.png) no-repeat left bottom;color: #63c12c;padding-left: 30px;padding-top: 30px;margin-top: -30px;}

/* FOOTER 2 */
#footer2, #footer2 a {color:#d3d1d1;}
#footer2 a {font-size:0.8em;}
#footer2 a.titre{color:#c3c3c3;font-size:1em;}

/*#nav { overflow:hidden; _overflow:visible; zoom:1; height:68px; }*/
/*#nav li {float:left;background:url(skin/header/navItemSeparator.png) no-repeat right bottom; font-size:1.33em; font-weight:bold; height:43px; padding-top:25px; padding-left:17px; padding-right:17px;}*/
/*#nav li {float:left;background:url(skin/header/navItemSeparator.png) no-repeat right bottom; font-size:1.33em; font-weight:bold; height:43px; padding-top:25px; padding-left:15px; padding-right:15px;}
#nav li a {color:#fff; text-decoration:none;}
#nav li.current {font-size:1.7em; height:47px; padding-top:21px;}
#nav li.last {background:none;padding-right:0;} */

#breadCrumb {margin:0 0 10px 0;}
#breadCrumb a {color:#000;}
#breadCrumb li {display:inline;background:url(skin/header/breadCrumbItemSeparator.png) no-repeat right center; padding-right:12px; margin-right:2px;}
#breadCrumb li.current {color:#7ED50D; background:none;}

.formForg{_overflow:visible; zoom:1}


/* ==============   SIMULATEUR ==================== */
#main{}
.FAMfullbgTitle{height:113px;background:url(skin/FAMfull/FAM-bgTitle.png) no-repeat;overflow:hidden;}
.FAMbgTitle{height:113px;background:url(skin/FAM/FAM-bgTitle.png) no-repeat;overflow:hidden;}
.FSEbgTitle{height:113px;background:url(skin/FSE/FSE-bgTitle.png) no-repeat;overflow:hidden;}
.bloquebgTitle{height:113px;background:url(skin/bloque/bloque-bgTitle.png) no-repeat;overflow:hidden;}
.FAMbgTitle .title, .FSEbgTitle .title, .bloquebgTitle .title, .FAMfullbgTitle .title {margin:20px 140px 0 82px;font-size:2.5em;line-height:1em;}
.FAMbgTitle .text, .FSEbgTitle .text, .bloquebgTitle .text, .FAMfullbgTitle .text {margin:0px 140px 0 82px;line-height:1em;}

.withSim #header{margin-bottom:0;}
.withSim #content{padding-top:190px;}
#simulateur{position:absolute;z-index:5000;text-align:center;width:100%;overflow:hidden;left:0;}
#simulateur #flashSim{width:1020px;margin:0 auto;}

#simulateur #flashSim #noFlashSim{color:#000;font-weight:bold;letter-spacing:-1px;font-family:"HelveticaRounded", Arial,Verdana;}
#simulateur #flashSim #noFlashSim h5{font-size:26px;}
#simulateur #flashSim #noFlashSim h6{font-size:20px;}
#simulateur #flashSim #noFlashSim h6 a{color:#75bf0d;}

/*   EMBED   */
#simulateur #SIMULATOR{outline:none;}






/* FOOTER */
#footer {}


/****
* D. Structure des contenus (line, unit, .block, .blockSimple, corners). On ne trouve ici que les declarations structurelles de base
****/
/* line, unit */
.line, .lastunit {overflow: hidden; _overflow: visible; zoom:1; margin:0; padding:0; display:block; }
.unit{float:left;margin-right:10px; zoom:1;}
.lastunit {float:none; width:auto !important; margin-right:0 !important;}
/* ** block** */
.block, .body, .head, .foot {overflow:hidden; _overflow:visible; zoom:1; }
.block {*position:relative;overflow: hidden;}
.blockInside {position:relative; zoom:1;} 
.head {}
.foot {}

.champsTxt-M {font-size: 12px; font-weight:bold; color: #db1f90; background-color: #FFFFFF; border: 1px solid #cccccc;}
.champsTxt {font-size: 12px; font-weight:bold; color: #6FBD00; background-color: #FFFFFF; border: 1px solid #6FBD00;}
#cell-gris {width:100%; height:18px; background-color:#E4E4E4; padding: 0px 10px 0px 5px ;margin-bottom: 3px;}

/****
* E. Blocks (definitions des nouveaux (blockFIlled, blockSimple, blockTabs....)
****/

/* 
	Corners (coins arrondis) : 
	Les coins sont generes avant et apres blockInside, ils sont contenus dans .topCorners et .bottomCorners 
	Ensuite il faut utiliser une marge negative (bottom ou top) pour les mettre par dessus le blocs (une position:relative + z-index les aidant a passer par dessus
*/
.tl, .tr, .bl, .br{background-repeat:no-repeat; height:0; width:0; font-size:1%; overflow:hidden;position:relative; z-index:10;}
.tl{background-position: left top;float:left;}
.tr{background-position: right top;float:right;}
.bl{background-position: left bottom; float:left;} 
.br{background-position: right bottom; float:right;}
.topCorners, .bottomCorners {display:block;}

/****
* E. Blocks (definitions des nouveaux (blockFIlled, blockSimple, blockTabs....)
****/
/* blockSimple */
.blockSimple .blockInside,.blockSimpleNoCorner .blockInside,.blockSimple .blockInsideCoordonnees {border:1px solid #dddddd;}
.blockSimpleCornerBottom .blockInside {border-bottom:1px solid #dddddd;}
.blockSimpleCornerBottom .body {border-left:1px solid #dddddd;border-right:1px solid #dddddd;}
.blockSimple .tl,.blockSimple .tr, .blockSimple .bl, .blockSimple .br, .blockSimpleCornerBottom .bl, .blockSimpleCornerBottom .br{ background-image:url(skin/blocks/blockSimple_corners.png); height:6px; width:6px;}
.blockSimple .tl,.blockSimple .tr {margin-bottom:-6px;}
.blockSimple .bl,.blockSimple .br,.blockSimpleCornerBottom .bl,.blockSimpleCornerBottom .br {margin-top:-6px;}
.cornerShadow .bl,.cornerShadow .br {margin-top:-13px;}
.cornerShadowMain .bl,.cornerShadowMain .br {margin-top:-11px;}




/* blockSimple */
.blockPromo .blockInside {border:1px solid #FFBB00;}
.blockPromo .tl, .blockPromo .tr, .blockPromo .bl, .blockPromo .br{ background-image:url(skin/blocks/blockPromo_corners.png); height:8px; width:8px;}
.blockPromo .tl,.blockPromo .tr {margin-bottom:-8px;}
.blockPromo .bl,.blockPromo .br {margin-top:-8px;}
/* contenu du blockPromo, propre à ce block */
.blockPromo .presText {margin-right:82px;margin-top:15px;position:relative; z-index:3;}
.blockPromo .presText .text {line-height:1.6em; font-size:1.4em;letter-spacing:-1px;}
.blockPromo .colored {color:#FFBB00;font-size:1.1em;}
.blockPromo p.theButton {margin-top:15px; margin-left:10px;}
.blockPromo .phone {position:absolute;right:10px;top:10px;z-index:2;}
/*.blockPromo .phone .deco {position:absolute; bottom:8px; right:0px;background: url(skin/misc/homePrice_promo.png) no-repeat left top; filter:expression(pngFix(this));width:80px;height:61px;padding:4px 3px;}*/
.blockPromo .phone .deco {background:transparent url(skin/misc/homePrice_promo2.png) no-repeat scroll left top;bottom:8px;height:39px;padding:4px 3px;position:absolute;right:0;width:52px;}
.blockPromo .phone .deco a {color: #fff;display: block;font-size: 1.2em;font-weight: bold;}
.blockPromo .phone .deco a:hover {text-decoration: none;}
.blockPromo .phone .deco a span {display: block;font-size: 1.7em;}
.blockPromo .phone .deco a strong {font-size: 1.2em;}
.blockPromo .miniButtons, .blockPromo .miniButtons span{background-image:url(skin/buttons/miniButtons_promo.png);}
.blockPromo .miniButtons span{padding-left:4px; padding-right:19px;}

.blockPromoLayer .body a{ padding:10px; font-size:0.9em; display:block; text-decoration:none; color:black;}


/* sides (cotes)
	Les sides sont utilisés par les blocs qui ont des cotés avec ombre
*/
.sideT, .sideB {position:relative; z-index:11;background:no-repeat left top; overflow:hidden; _overflow:visible; zoom:1; font-size:1%;display:block;clear:both;}
.sideT .cornerRight, .sideB .cornerRight {float:right;font-size:1%;}
.sideT .cornerRight {background-position:right top;}
.sideB {background-position:left bottom;}
.sideB .cornerRight {background-position:right bottom;}
.sideL, .sideR {float:left; height:32000px; margin-bottom:-32000px;background:repeat-y left top;position:relative; z-index:10;font-size:1px;overflow:hidden;}
.sideR {float:right; background-position:right top;}

/* blockGlobalPrice avec sides */
.globalPrice {display: table;margin: 0 auto; *margin: 0 15px;}
.blockGlobalPrice {position: relative;}
.blockGlobalPrice .blockInside {border: none;}
.blockGlobalPrice .sideT, .blockGlobalPrice .sideT .cornerRight, .blockGlobalPrice .sideB, .blockGlobalPrice .sideB .cornerRight {background-image:url(skin/blocks/blockGlobalPrice_h.png); }
.blockGlobalPrice .sideT .cornerRight, .blockGlobalPrice .sideB .cornerRight {width:9px;height:9px;}
.blockGlobalPrice .sideT {margin-bottom:-9px;}
.blockGlobalPrice .sideB .cornerRight{height:9px;}
.blockGlobalPrice .sideB {margin-top:-9px;}
.blockGlobalPrice .sideL {display: none;}
.blockGlobalPrice .blockInside {background:#65c12b url(skin/blocks/globalPriceBkg.png) repeat-x left top;}
.blockGlobalPrice .sideR {background-image: url(skin/blocks/blockGlobalPrice_v.png);width: 2px;}
/*contenu*/
.blockGlobalPrice {color: #fff;font-weight: bold;font-size: 2em;text-align: center;line-height: 1.8em;}
.blockGlobalPrice .price {font-size: 1.3em;}
.blockGlobalPrice .price span{zoom:1;}
.blockGlobalPrice .price strong {font-size: 1.4em;}
.blockGlobalPriceType2 .sideT, .blockGlobalPriceType2 .sideT .cornerRight, .blockGlobalPriceType2 .sideB, .blockGlobalPriceType2 .sideB .cornerRight {background-image:url(skin/blocks/blockGlobalPriceMobile_h.png); }
.blockGlobalPriceType2 {font-size: 1em;}
.blockGlobalPrice li.mea a {color: #fff;}
.blockGlobalPriceType3 {font-size:.9em; font-weight:normal; background:url(skin/blocks/blockGlobalPrice3_bkg.png) left bottom no-repeat; padding-bottom:10px;}
.blockGlobalPriceType4 {font-size:.9em; font-weight:normal; }
.blockGlobalPriceType3 .sideT, .blockGlobalPriceType3 .sideR, .blockGlobalPriceType3 .sideL, .blockGlobalPriceType3 .sideB {display:none;}
.blockGlobalPriceType3 .blockInside {background:url(skin/blocks/blockGlobalPrice3_bkgInside.png) left top no-repeat;}

/*block Gradient */
.blockGradient .blockInside{background: url(skin/blocks/blockGradientBkg.png) repeat-x left top;}
.presentationProduit2 .blockInside{background: url(skin/blocks/blockGradientBkg.png) repeat-x left 132px;}

/*block Gradient bottom */
.blockGradientBottom .blockInside{background:#FBFBFB url(skin/blocks/blockGradientBkgBottom.png) repeat-x left bottom;}

/* green header 190 */
.greenHeader190,.inGreenHeader190{background:url(skin/blocks/greenHeader.png) no-repeat top left;}
.greenHeader190{background:url(skin/blocks/greenHeader.png);padding-left:5px;margin-right:5px;}
.inGreenHeader190{padding:3px 0;background-position:right top;margin-right:-5px;!position:relative;zoom:1;}

/* shadow */
.Bshadow{height:8px;background:center top no-repeat;!font-size:1px;}
#colRight .Bshadow{margin-top:-1px;background-image:url(skin/blocks/Bshadow250.png);filter:expression(pngFix(this));}
.colonnePanier .Bshadow{margin-top:-1px;background-image:url(skin/blocks/Bshadow250.png);}
.Bshadow180{margin-top:-1px;background-image:url(skin/blocks/Bshadow180.png);}
.BshadowBig{margin-top:-1px;height:6px;background:url(skin/blocks/BshadowLeft.png);!font-size:1px;}
.BshadowBig2{margin-top:-1px;height:5px;background:url(skin/blocks/BshadowLeft.png);!font-size:1px;}

/* block2cols */
.block2cols .blockInside {background:url(skin/blocks/block2cols_background.png) repeat-y right top;}

/* blockFilled */
.blockFilled .blockInside {background-color:#EEE;}
.blockFilledType2 .blockInside {background:#e7e7e7;}
.blockFilledType2 .tl,.blockFilledType2 .tr,.blockFilledType2 .bl,.blockFilledType2 .br{ background-image:url('skin/blocks/blockFilledType2.png'); height:7px; width:7px;}
.blockFilledType2 .tl,.blockFilledType2 .tr {margin-bottom:-7px;z-index: 15;}
.blockFilledType2 .bl,.blockFilledType2 .br {margin-top:-7px;z-index: 15;}

/* blockInfos : le block contenant les informations du telephone, et point important, le bottom est transparent, ce block est de largeur fixe, car limité a la colonne de droite */
.blockInfos {background:url(skin/blocks/blockInfos_bkgBottom.png) no-repeat left bottom;padding-bottom:5px;position:relative; z-index:20;}
.blockInfos .blockInside {background:url(skin/blocks/blockInfos_bkgTop.png) no-repeat left top;padding:0 5px;}
.blockInfos .mea .media {width:50px; text-align:center;}
.blockInfos .mea h4 {font-size:1.7em;}
.blockInfos .mea strong {display:block;}

/* BlockInfosTsa : spécialisation du bloc blockInfos pour la page telephone-sans-abonnement.html */
.bkgInfosTsa {background-image:url(skin/blocks/blockInfosTsa_bkgBottom.png);}
.bkgInfosTsa h3 {font-size:1.8em; color:black;}
.bkgInfosTsa .swapContent {display:block;}

/* marche : spécialisation pour la page telephone-sans-abonnement.html (2ème bloc colonne droite) */
.marche h3 {font-size:1.8em; color:black;}

/* pascher : bloc pour les familles nombreuses et les demandeurs d'emploi (telephone-sans-abonnement.html ) */
.pascher .text {font-weight:bold; line-height:1em; color:#000000;}

/* blockResults */
.blockResults {margin:-4px 3px 0;}
.blockResults .topCorners {display:none;}
.blockResults h4 {font-size:1.6em; color:#4CB011;margin:10px;}


/* blockToggle */
.blockToggle .head {padding-right:0px;}
.blockToggle .head a{text-decoration: none;padding: 10px 10px 10px 10px;display: block; background: url(skin/blocks/blockToggleArrow.png) no-repeat right -93px;zoom:1;}
.blockToggleClosed .head a {background-position: right 7px;}

.hasJS .blockToggleClosed .body, .hasJS .blockToggleClosed .foot {display:none;} 

/* avantages : Les avantages du forfait (telephone-sans-abonnement.html ) */
.avantages h3 {margin:5px 0 12px;}
.avantages li {line-height:1.7em;}

/* services : Les services (telephone-sans-abonnement.html ) */
.services .blockInside {background:#d0d0d0 url(skin/blocks/services_body.png) left top repeat-x;}
.services .blockInsideCoordonnees {background:#d0d0d0 url(skin/blocks/services_body_op.png) left top repeat-x;}
.services ul.inline ,.services ul.inlineTwo {overflow:hidden; _zoom:1;}
.services h3 {margin:5px 0 12px;} 
.services li {line-height:1.2em; padding:0 0 0 21px;margin-bottom:10px; background:url(skin/blocks/services_puces3.png) 0 2px no-repeat;filter:expression(pngFix(this));}
.services li.sans-fond { background-image: none; }
.kitSeul  li {line-height:1.3em; padding:0 0 3px 20px; background:url(skin/blocks/services_puces_mini.png) 0 1px no-repeat;}
.services .puce li,.servicesPlus .puce li {background:url(skin/blocks/services_puces2.png) 0 .3em no-repeat; padding-left:18px;}
.servicesPlus .puce li{padding-bottom:10px;zoom:1;}
.servicesPlus  .noPuce li{background:none !important;padding:0}
.services .inline li {float:left; width:29%; line-height:1.4em;}
.services .inlineTwo li{float:left; width:45%; line-height:1.4em;}
.services .last {clear:left; margin-top:-1.6em;}
.services .body ,.servicesPlus .body {overflow:visible; _zoom:0; padding:5px 12px;}
.txtOrange{color:#ff9802;}


/* border */
.rborder {border-right:#d7d7d7 solid 1px;}

/*POPUP*/
#popup #page,#popup #main {width:580px;}
/* annotation */
.annotations{font-size:0.8em;}
.txtjustify {text-align:justify;}
/* Liste des forfaits Réduction famille nombreuse */
.reductionFamilleNombreuse table.forfaitList{width:100%;}
.reductionFamilleNombreuse table.forfaitList tbody{background:transparent url(skin/header/bg_tableau_forfait_body.png) repeat-x top;}
.reductionFamilleNombreuse table.forfaitList th{font-size:1.2em;color:#FFFFFF; font-weight:bold; padding:0px 10px; height:89px;}
.reductionFamilleNombreuse table.forfaitList th, .reductionFamilleNombreuse table.forfaitList td{border-right:1px solid #FFFFFF; text-align:center;}
.reductionFamilleNombreuse table.forfaitList .Bborder td{border-bottom:1px solid #FFFFFF; text-align:center;}
.reductionFamilleNombreuse table.forfaitList .last{border-right:none;}
.reductionFamilleNombreuse table.forfaitList th{background:#3da513 url(skin/header/bg_tableau_forfait_head.png) repeat-x top left;}
.reductionFamilleNombreuse table.forfaitList th.reduc{background:#ffbb00 url(skin/header/bg_tableau_forfait_reduc_head.png) repeat-x top left; height:89px;}
.reductionFamilleNombreuse table.forfaitList td{padding:8px 0px;font-weight:bold;font-size:1.3em;}
.reductionFamilleNombreuse table.forfaitList .clean{font-weight:normal;}
.reductionFamilleNombreuse table.forfaitList .reduc{background:#ffe7a8 none repeat-x top left;}
.reductionFamilleNombreuse table.forfaitList .grey{background:#d7d7d7 none repeat-x top left;}
.reductionFamilleNombreuse table.forfaitList .smallText{font-size:.7em;}

/* Comparatifs  (telephone-sans-abonnement.html) */
.comparatifs { margin:15px 0px;}
.comparatifs li {background:url(skin/blocks/bgComparatif.png) repeat-x left center; padding:5px 7px;overflow:hidden; _overflow:visible; zoom:1; margin-bottom:12px; text-align:right;}
.comparatifs span {float:left;font-size:0.824em; /*font-size:0.706em;*/ font-weight:normal; margin-top:1px;}
.comparatifs li.emphase {background-image:url(skin/blocks/bgComparatifSimpli.png);}

/* Liste avec puces */

.liste_puces li a {background:url(../css/skin/misc/puce_petite.png) no-repeat left center; padding-left:12px;}
.liste_puces li { margin-bottom:5px;}

.liste_marges {margin-top:40px;}
.liste_marges li{float:left; margin-right:47px;clear:both;}
.liste_marges li.last{ margin-right:0;}




/****
* F. Contenus (listes ul.listPuce, .mea, dataArray...)
****/
/* mea : image + texte */
.mea,.mea .text,.meaRight, .meaRight .text,.meaWrap{overflow:hidden; _overflow:visible; _zoom:1;display:block;}
.mea .media{float:left;  margin-right:10px; _margin-right:7px;}
.meaRight .media {float:right; margin-left:10px; _margin-left:7px;}

/* fullWidth (force une image ou un flash a prendre toute la largeur de son conteneur, cela evite de devoir calculer au pixel pres la largeur d'une image. Utilisation :<div class="fullImg"><img src="image.gif" /></div>) */
.mediaFullSize object, .mediaFullSize embed, .mediaFullSize img {width:100%;display:block;vertical-align:top;}

/* boutons : <a href="#" class="btn"><span>texte bouton</span></a> ou  <span class="btn"><span><input type="submit" value="texte bouton" /></span></span>*/
.btn,.btn span,.btn input{ display:-moz-inline-stack;display:inline-block;vertical-align:middle;line-height:52px;white-space:nowrap;background:url(skin/buttons/button.png) left  top no-repeat;color:#FFF;text-decoration:none !important;cursor:pointer;text-align:center;}
.btnH2, .btnH2 span,.btnH2 input{ display:-moz-inline-stack;display:inline-block;vertical-align:middle;line-height:77px;white-space:nowrap;background:url(skin/buttons/buttonTypeHx2.png) left  top no-repeat;color:#FFF;text-decoration:none !important;cursor:pointer;text-align:center;}
.btn{padding-left:10px;_width:1%;font-size:1.9em; font-weight:bold;}
.btnH2{padding-left:10px;_width:1%;font-size:1.9em; font-weight:bold;}
.btn span{display:block;background-position:right  top;padding-right:10px;}
.btnH2 span{display:block;background-position:right  top;padding-right:10px;}
.btn span  input{border:none;background:none;text-align:left;display:block;position:relative;z-index:1;overflow:visible;font-family:inherit;margin-left:-13px;_width:1%;*margin-left:-11px;!padding-right:8px;}
.btnH2 span  input{border:none;background:none;text-align:left;display:block;position:relative;z-index:1;overflow:visible;font-family:inherit;margin-left:-13px;_width:1%;*margin-left:-11px;!padding-right:8px;}
.btnType1, .btnType1 span {background-image: url(skin/buttons/buttonType1.png);line-height: 39px;}
.btnType2, btnType2 span {background-image: url(skin/buttons/buttonTypeHx2);line-height: 77px;}
.btnType1 {padding-left: 7px;}
.btnType1 span {padding-right: 7px;}
.btnType2 span {padding-right: 7px;}
.btnBlock{display:block; width:auto;}

.Nbtn, .NinBtn{vertical-align:middle;}
.Nbtn{display:-moz-inline-stack;display:inline-block;}
a.Nbtn,a.Nbtn:hover{text-decoration:none !important;}
.Nbtn .NinBtn{display:block;}
.Nbtn input,.Nbtn button{background:none;border:none;font:inherit;padding:0;color:inherit;-moz-box-sizing:content-box;cursor:pointer;!font-weight:bold;}

.greenNumber{width:20px;height:18px;background:url(skin/buttons/greenNumber.png) center no-repeat;}

.miniButtons, .miniButtons span{background-image:url(skin/buttons/selec_bkg2.png);color:#FFF;line-height:30px;height:30px; display:-moz-inline-stack;display:inline-block;cursor:pointer;}
.miniButtons{padding-left:23px;font-size:1em; font-weight:bold;text-decoration:none !important;}
.miniButtons span{padding-right:20px; padding-left:5px;line-height:28px;height:28px; padding-bottom:2px;background-position:right top;display:block;}


.miniButtonsOffre, .miniButtonsOffre span{background-image:url(skin/buttons/selec_bkg2.png);color:#FFF;line-height:30px;height:30px; display:-moz-inline-stack;display:inline-block;cursor:pointer;}
.miniButtonsOffre{padding-left:9px;font-size:1em; font-weight:bold;text-decoration:none !important;}
.miniButtonsOffre span{padding-right:9px; padding-left:0px;line-height:28px;height:28px; padding-bottom:2px;background-position:right top;display:block;}

.selected .miniButtons{background-position: left bottom;}
.selected .miniButtons span{background-position: right bottom;}
.selected {background-color: #dfdfdf;}


/* listes */
.list {overflow:hidden; zoom:1;}
.list li {margin:0; padding:0; float:left; list-style:none;}
.list3cols li {width:33%;}

/* DataArrays */
.dataArrayEmpty {zoom:1;}
.dataArrayEmpty table {width:100%;}
.dataArrayEmpty td .free {color:#4CB011;font-weight:bold;}
.dataArrayEmpty .field {padding:5px 10px; height:28px; text-align:left;font-weight:normal;}
.dataArrayEmpty .field .check {float:left;margin:0;width:14px;height: 14px;margin-right:8px;*margin-top:2px;}
.dataArrayEmpty .inlineFields .check {float:none;}
.dataArrayEmpty .field label,.dataArrayEmpty .field .label {display:block; overflow:hidden; zoom:1;}
.dataArrayEmpty td.price {width:114px;text-align:center;font-size:1.2em;padding-top:5px;}
.dataArrayEmpty .fieldSized select, .dataArrayEmpty .fieldSized input.text, .dataArrayEmpty .fieldSized textarea{width: 250px;}


.dataArrayForfaits {}
.dataArrayForfaits table {width:100%;}
.dataArrayForfaits th {font-weight: bold;font-size: 1.4em;color: #4eb211;}
.dataArrayForfaits td, .dataArrayForfaits th {border-right: 1px solid #dbdbdb;text-align: center;padding: 5px 2px;}
.dataArrayForfaits td.last, .dataArrayForfaits th.last {border: none;}
.dataArrayForfaits td strong,.dataArrayForfaits th strong {font-size: 1.2em;}
.dataArrayForfaits .miniButtons {padding-left:10px;}
.dataArrayForfaits .miniButtons span {padding-right:11px;}

.dataArrayMobilePrices table{width: 100%;}
.dataArrayMobilePrices .blockGlobalPrice .sideT, .dataArrayMobilePrices .blockGlobalPrice .sideT .cornerRight, .dataArrayMobilePrices .blockGlobalPrice .sideB, .dataArrayMobilePrices .blockGlobalPrice .sideB .cornerRight {background-image:url(skin/blocks/blockGlobalPriceMobile_h.png); }
.dataArrayMobilePrices .hover .blockGlobalPrice .sideT, .dataArrayMobilePrices .hover .blockGlobalPrice .sideT .cornerRight, .dataArrayMobilePrices .hover .blockGlobalPrice .sideB, .dataArrayMobilePrices .hover .blockGlobalPrice .sideB .cornerRight {background-image:url(skin/blocks/blockGlobalPrice_h.png); }
.dataArrayMobilePrices .hover td{background: #EEEEEE;}
.dataArrayMobilePrices td {padding: 3px 20px;}
.dataArrayMobilePrices td.txt {font-size: 1.3em;font-weight: bold;}
.dataArrayMobilePrices .miniButtons {padding-left:10px;}
.dataArrayMobilePrices .miniButtons span {padding-left:5px; padding-right:15px;}


/* swapContent */
.swapContent {}
.hasJS .swapContentClosed .content {display:none;}

.swapBigPicto .swapContent{padding-right:12px;background:url(skin/blocks/toggleBigPlus.png) no-repeat right center;}
.swapBigPicto .swapContentOpen {background-image:url(skin/blocks/toggleBigMinus.png);}

/* resume */
ul.resume {}
ul.resume li {border-top:1px solid #BEBEBE;font-size:1.1em;padding:10px;}
ul.resume li.priced {overflow:hidden; zoom:1;}
ul.resume li.first { border-top:none; }
ul.resume li.priced .text {float:left; width:150px; line-height: 1.3em;}
ul.resume li.priced .price {float:right;}
ul.resume ul.options li {border:none;padding:0;font-size:1em;}
ul.resume li.total {color:#4CB011;overflow:hidden;zoom:1;font-size:1.4em;}
ul.resume li.total span {float:left;font-weight:bold;line-height: 2em;}
ul.resume li.total .price {font-size:1.2em;float:right;}




/****
* G. Customs
****/

/* Menu de colonne droite */
#colRight .menu h2 {color:white; background:#80d60d url(skin/blocks/fond_menu.png) repeat-x left bottom; padding:9px 11px;}
#colRight .menu li {border-top:1px solid #D7D7D7; zoom:1;}
#colRight .menu li a {display:block; font-size:1.25em; font-weight:bold; letter-spacing:-1px; color:#333333;padding:7px 11px;}
#colRight .menu li a.picto {background-repeat:no-repeat; background-position:10px 50%; padding-left: 40px;}


/* Choisir simplicime */
.choisirsimplicime {font-size:120%;}
.choisirsimplicime dt {color:#4CB011;font-size:1.33em; font-weight:bold;}
.choisirsimplicime dl {margin-bottom:20px;}
.choisirsimplicime em { font-size:0.8em; font-style:normal;}
.choisirsimplicime .content { font-size:1.3em; font-weight:bold; line-height:1.2em; padding-top:8px;}
.choisirsimplicime_raisons {background:#D0D0D0 url(skin/blocks/fond_block_layer.png) repeat-x left top;}
.choisirsimplicime_raisons ol li{font-weight:bold; margin:9px 0px;}
.choisirsimplicime_depliable h3 {font-size:1em;}
.choisirsimplicime_depliable .body  {padding:16px 21px;}
.choisirsimplicime_depliable .body div.contentSwapped {border-top:1px solid #D7D7D7; margin:18px -21px 0px -21px; padding:15px 16px 0px 16px;}
.choisirsimplicime_depliable .body div.contentSwapped li {margin-bottom:10px;}
.choisirsimplicime_depliable .body div.contentSwapped ul ul {margin-left:30px; list-style-type:disc;}
.choisirsimplicime_depliable .body div.contentSwapped ul li li {margin-bottom:0px;}


.savoirplus {font-size:0.75em; font-weight:bold; padding-right:10px; background:url(skin/misc/savoirplus.png) no-repeat right 65%; display:block; text-align:right;}


/* price */
.price,.price span a {vertical-align:baseline;font-weight:bold; text-decoration:none;}
#listeMobiles .price,.price span a {color:White;}
.price strong {font-size:1.4em;vertical-align:baseline}
.kitSeul .price strong {font-size:1.8em;}

/* steps */
.steps {overflow:hidden; zoom:1;margin-bottom:10px;}
.steps li {float:left; padding-left:30px;margin-right:-29px;font-size:1.5em;font-weight:bold;}
.steps li, .steps li span {background:url(skin/misc/steps_off.png) no-repeat left top;color:#9C9C9C;}
.steps li span {background-position:right top;line-height:60px;display:block;padding-right:22px;padding-left:5px}
.steps li.first {background-position:left -100px;padding-left:10px;}
.steps li.first span {background-position:right -100px;}
.steps li.last{background-position:left -200px;float:none; overflow:hidden; _float:left;margin-right:0;}
.steps li.last span{background-position:right -200px;zoom:1;}
.steps li.current, .steps li.current span, .steps li.passed, .steps li.passed span {background-image:url(skin/misc/steps_on.png);}
.steps li.current, .steps li.current span {color: #fff;}
.steps li.passed, .steps li.passed span {color:#def1cf;}


/* Liste Gauche Droite */ 
.listeGaucheDroite {margin:20px 0; overflow:hidden; _overflow:visible; zoom:1;}
.listeGaucheDroite li {margin:10px 0; width:49%; float:left; overflow:hidden; _overflow:visible; zoom:1;}
.listeGaucheDroite li a span { display:block; overflow:hidden; margin-top:8px;}
.listeGaucheDroite li a img { float:left; margin-right:15px;}


/* Titre avec picto Instructions */
.instructions {
	background:url(skin/misc/instructions.png) no-repeat left center;
	padding:10px 60px;
}


/************
 formz :mise en page de formulaires 
************/
.formz input, .formz label,.formz textarea,formz button {vertical-align:middle;}
/* redefinition des champs de formulaire */
/*.formz span.text input {height:1.3em;}*/
.formz span.text input, .formz .field textarea {border:none; background:none;padding:1px 0 1px 1px; margin-right:-2px;} /* input text & textarea */
.formz span.field input, .formz .field textarea, .formz .field select{width:100%;} 
.formz span.text, .formz select,.formz input.textAdv {border:1px solid #cccccc; background:#fff;}  /*select */
.textAdv {width:45%}
/* contruction formulaire base :ctrl est un conteneur de ligne, field un conteneur de champs */
.formz .ctrl {overflow:hidden; _overflow:visible; zoom:1;margin-bottom:8px}
.formz .multiplesCtrl {overflow:hidden; _overflow:visible; zoom:1;}
.formz .floatL {float:left !important} .formz .floatR {float:right !important}
.formz .ctrl label {float:left;margin-right:10px; _margin-right:7px;line-height:1.4em;} /* label a gauche */
.formz .ctrl .field, .formz .ctrl .multiFields {display:block; overflow:hidden;zoom:1; } /* champ parfaitement cale avec le label */
.formz .inlineFields label, .formz .labelTop .inlineFields label,.formz .inlineFields  .field input, .formz .inlineFields .field, .formz .inlineFields .field select,
.formz .checkLeft div.inlineFields label, .formz .checkLeft div.inlineFields .check {width:auto;float:none;margin:0;display:inline;} 
.formz .inlineFields .field {overflow:visible;position:relative; top:1px;line-height:1.4em;} /* champs inline */
.formz .autoSize select, .formz .autoSize input, .formz .autoSize label, .autoSize select, .autoSize input, .autoSize label {width:auto;} 
.formz .fullSize select, .formz .fullSize input, .formz .fullSize label, .fullSize select, .fullSize input, .fullSize label {width:99%;}

.formz .inlineFields label {font-size: 1em;}

/*fix borders on inline select */
.inlineFields .field select {border-bottom: 2px solid #cccccc;}
/* alignements textes labels */
.formz .checkLeft label {text-align:left;}
.rightLabels .ctrl label{text-align:right;}


/* met un .field en vide. Cela permet d'utiliser le .field comme pour un espace, le padding-right:2px; est lu pour combler les 2px qui manquent comme les field ont des bordure de 1px */
.formz .blankField {border:none; background:none; width:auto;padding-right:2px;} 
/* largeur des labels en % (on peut aussi specifier des largeurs fixes si besoin) */
.label10 label, .field10 .field {width:10%;} .label20 label, .field20 .field {width:20%;}
.label30 label, .field30 .field {width:30%;} .label40 label, .field40 .field {width:40%;}
.label45 label, .field45 .field {width:45%;} 
.label50 label, .field50 .field {width:50%;} .label60 label, .field60 .field {width:60%;}
.label70 label, .field70 .field {width:70%;} .label80 label, .field80 .field {width:80%;} 
.label90 label, .field90 .field {width:90%;} .labelAuto label, .fieldAuto .field {width:auto !important;}
/* largeurs de champs en pixel */

/* largeur custom, utile pour les champs inlines le chiffre correspond au nombre de caracteres ou chiffres dans le champs.
	<input class="size2" /> aura une largeur de 2 caracteres
 */
.formz .size1,.formz .size2, .formz .size3, .formz .size4, .formz .size5,
.formz .size6, .formz .size7, .formz .size8, .formz .size9 {padding-left:1px; padding-right:1px; margin-right:0 !important;}
.formz .size1 {width:1.8ex !important;} .formz .size2 {width:2.8ex !important;} .formz .size3 {width:3.8ex !important;} 
.formz .size4 {width:4.8ex !important;} .formz .size5 {width:5.8ex !important;} .formz .size6 {width:6.8ex !important;}
.formz .size7 {width:7.8ex !important;} .formz .size8 {width:8.8ex !important;} .formz .size9 {width:9.8ex !important;}
.formz .sizeAuto {width:auto !important;}
.sizeFull{width:100% !important;}

/** mises en forme  particulieres **/
/* label au dessus du champs */
.formz .labelTop label {float:none; display:block;}
.formz .labelTop label.label {width:auto;}

/* checkbox ou radio a gauche */
.formz .checkLeft .check {float:left;margin:0 5px 0 0;} /* 3px marge droite */
.formz .checkLeft label, .formz .checkLeft span.label {display:block; overflow:hidden; _overflow:visible; zoom:1; width:auto; margin-right:0;float:none;}/*le padding-left est la pour fixer un bug de font/overflow:hidden sous FF */
.formz .checkLeft span.label label {display:inline; overflow:visible;}

.inputRoundGreyWhite90{height:25px;background:url(skin/form/inputRoundGreyWhite90.png) no-repeat top left;}
.inputRoundGreyWhite90 input{margin-left:5px;width:91px;height:25px;line-height:25px;}


.actionLine .disable, .actionLine .disable option, .actionLine .disable input,
.actionFormGroup .disable, .actionFormGroup .disable option, .actionFormGroup .disable input { color: #969696;}
.actionFormGroup .disable select,.actionFormGroup .disable select {border-color: #969696;}

/* helpBox */
.helper {display: -moz-inline-box;display: inline-block; height: 29px;width: 29px;top: -8px;_top: 3px;background: url(skin/buttons/help.png) no-repeat left top;}
.helper span {visibility: hidden;}

.infobulle {background: transparent url(skin/misc/infobulle.png) no-repeat left top; height:auto; width:15px; top: -5px; left:3px;filter:expression(pngFix(this));}
a.infobulle:hover {text-decoration:none;}
.infos{margin-left:10px; background: url(skin/misc/infos.png) no-repeat bottom !important;_top: 0px;_left:0px;height:16px !important;_height:16px;width:16px;_width:16px;position:inherit !important;text-decoration:none !important;}


.helpBox{width:257px;background: url(skin/misc/tipBox_bkg.png) no-repeat left bottom;padding-bottom: 10px;position: absolute;display: none;}
.helpBox .content {background: url(skin/misc/tipBox_bkg.png) no-repeat left top;padding: 10px 10px 0px 20px;font-size: 15px;font-weight: bold;color: #fff;}
.helpBox span {display: block;position: absolute; top: -3px;left: -8px;height: 28px;width: 28px;background: url(skin/misc/tipBox_macaron.png) no-repeat left top;}

.infoBox{width:257px;background: url(skin/misc/tipBox_bkgBlack.png) repeat-x left bottom;padding:5px;position: absolute;display: none; z-index:2000001;color:#ffffff;}
.infoBox .content{background: url(skin/misc/tipBox_bkg.png) no-repeat left top;padding: 10px 10px 0px 20px;font-size: 15px;font-weight: bold;color: #fff;}
.infoBox span {display: block;position: absolute; top: 10px; left: -13px; height: 55px;width: 35px;background: url(skin/misc/tipBox_pointer.png) no-repeat left top;}


/*pur custom*/
.rappelGratuit {overflow: hidden;_overflow: visible;zoom: 1;width: 450px;}






/***** liste etapes *****/
ol.etapes {list-style: none;}
ol.etapes strong.title {font-size: 1.2em;}


/***** swapper *****/
.contentSwapped {display: none;}
.contentSwappedOpen{display: block;}



.pictoAlreadyClient {position:relative;}
.pictoAlreadyClient:hover {text-decoration:none;}
.pictoAlreadyClient span.text {font-size:1.6em;color:#fff;position:relative;top:-2px;}



/***** popin *****/
#insidePopupMask, .teasingFog {background:#000; opacity:0.8; filter:alpha(opacity:80);position:absolute; left:0; top:0; width:100%; height:100%;z-index:1999999;}
.teasingFog {margin-top:-10px;padding-bottom:10px;z-index:14 !important;}
#insidePopup {position:absolute; color:#000; z-index:2000000;}
#insidePopup .insidePopupContent {background: #fff;zoom:1;}
#insidePopup .layerTopCorners, #insidePopup .layerBottomCorners{padding-left: 10px;}
#insidePopup .layerTopCorners, #insidePopup .layerTopCorners span, #insidePopup .layerBottomCorners, #insidePopup .layerBottomCorners span{display: block;height: 10px;background: url(skin/blocks/layer_bkg.png) no-repeat left top;font-size:1%;}
#insidePopup .layerTopCorners span {background-position: right top;}
/*#insidePopup .insidePopupContent .popupCloseButton {height: 29px;width: 29px;background: url(skin/blocks/layer_bkg_close.png) no-repeat left top;position: absolute;right:5px; top: 7px;display: block;overflow: hidden;text-indent: -500px;z-index:1000;}*/
#insidePopup .insidePopupContent .popupCloseButton {height:29px;background: url(skin/blocks/layer_bkg_close.png) no-repeat right top;position:absolute;right:5px; top:7px;display: block;overflow: hidden;z-index:1000;padding-right:37px;padding-top:6px;outline:none}
#insidePopup .layerBottomCorners {background-position: left bottom;}
#insidePopup .layerBottomCorners span {background-position: right bottom;}
#insidePopup .ficheMobile {padding-top:20px;}


/***** liste mobiles *****/
#listeMobiles {overflow: hidden;/*_overflow: visible;zoom: 1;*/}
#listeMobiles li {float: left;width: 24.5%;border-bottom:1px solid #ededed;}
#listeMobiles.PageZero li {float: left;width: 19.9%;border-bottom:1px solid #ededed;}
#listeMobiles .blockGlobalPrice {margin-top: 0px; width:75px;}
#listeMobiles .blockGlobalPrice .sideT, #listeMobiles .blockGlobalPrice .sideT .cornerRight, #listeMobiles .blockGlobalPrice .sideB, #listeMobiles .blockGlobalPrice .sideB .cornerRight {background-image:url(skin/blocks/blockGlobalPriceMobile_h.png); }

#listeMobiles li .conteneur {min-height: 185px;_height: 185px;height: 185px;padding: 0px 0px 10px 0px;}
#listeMobiles .blockPhone {margin: 0 10px;padding: 3px;}
#listeMobiles .blockPhone .img {float: left; background: url(skin/misc/phoneShadow.png) no-repeat center bottom; width: 92px; /*padding-bottom: 16px;margin-right: 10px;_margin-right: 7px;position: relative;*/}
#listeMobiles .blockPhone .img img { padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 20px;}
#listeMobiles .blockPhone .noImg {background:none !important;text-align:center;}
#listeMobiles .blockPhone .contenuMobile {display: block; overflow: hidden;_overflow: visible;}
#listeMobiles .blockPhone .descriptionImagesMobile {display: block; font-size: 1.3em;font-weight: bold;color: #85d71b;min-height: 100px;_height: 100px;padding-top: 10px;padding-left:10px;overflow:hidden; }
#listeMobiles .blockPhone .descriptionImagesMobile strong {display: block;}
#listeMobiles .blockPhone .prixMobile { min-height:53px; height:53px; _height:53px; }
#listeMobiles .blockPhone .conteneurPrixMobile { display: block; width:75px; }
#listeMobiles .blockPhone .mentions {font-size:0.7em;}
#listeMobiles .blockPhone .mentions p {margin-bottom:2px;}
#listeMobiles .blockPhone .mentions img {width:22px;margin-right:2px;vertical-align:middle;}

#listeMobiles .blockGlobalPrice span.apartirde {font-size: 0.45em;font-weight: bold;display: block;}
#listeMobiles .blockGlobalPrice .body {display:block; padding: 5px 0px;}
#listeMobiles .blockGlobalPrice {display:block; line-height: 1.3em;}
#listeMobiles .hover .blockPhone .blockGlobalPrice .blockInside, #listeMobiles .current .blockPhone .blockGlobalPrice .blockInside {display:block; border: none;}
#listeMobiles .blockGlobalPrice .price {font-size:100%;display:block;line-height:30px;}
#listeMobiles .blockGlobalPrice .price span {line-height:30px;text-decoration:none;color:White;}
#listeMobiles .blockGlobalPrice .apartirde {color:White;}


/* gestion decoration */
.blockPhone .tl, .blockPhone .tr, .blockPhone .bl, .blockPhone .br{ background-image:url(skin/blocks/listeMobileHover_corners.png); height:15px; width:15px;}
.blockPhone .tl,.blockPhone .tr {margin-bottom:-15px;z-index: 200;}
.blockPhone .bl,.blockPhone .br {margin-top:-15px;z-index: 200;}
#detailMobile .blockPhone .tl, #detailMobile .blockPhone .tr, #detailMobile .blockPhone .bl, #detailMobile .blockPhone .br{ background-image:url(skin/blocks/blockDetailMobileCorners.png); height:5px; width:5px;}
#detailMobile .blockPhone .tl,#detailMobile .blockPhone .tr {margin-bottom:-5px;z-index: 200;}
#detailMobile .blockPhone .bl,#detailMobile .blockPhone .br {margin-top:-5px;z-index: 200;}
.PageZero .blockPhone .tl,.PageZero .blockPhone .tr, .PageZero .blockPhone .bl, .PageZero .blockPhone .br{ background-image:url(skin/blocks/blockDetailMobileCorners.png); height:5px; width:5px;}
.PageZero .blockPhone .tl,.PageZero .blockPhone .tr {margin-bottom:-5px;z-index: 200;}
.PageZero .blockPhone .bl,.PageZero .blockPhone .br {margin-top:-5px;z-index: 200;}
.blockPhone .topCorners, .blockPhone .bottomCorners {display: none;}
.lineOffers .blockPhone .topCorners, .lineOffers .blockPhone .bottomCorners {display: block;}
.lineOffers .blockPhone .blockInside{border:3px solid #E7E7E7;background:#fff;}
.lineOffers .blockPhone .offers {color:#595959;}
.lineOffers .blockPhone .body {background:transparent url(skin/misc/fakeRadioType2.png) no-repeat scroll 150px bottom;padding-bottom:20px;cursor:pointer;}
.lineOffersNoback .blockPhone .body {background-image:none; padding-bottom:0!important;}
.lineOffersNoback .blockPhone .body .offers .color {color:#71C41A; font-size:1.4em !important;}
.lineOffersNoback .blockPhone .body .offers .bigPrice {color:#BFAFAF; text-transform:uppercase;} 
.lineOffersNoback .blockPhone .body .offers .colorSmall {color:#71C41A; font-size:1em !important;}
/*.lineOffers .blockPhoneCurrent .blockInside, .lineOffers .blockPhoneSelected .blockInside {background:#fff;}*//*avec un fond blanc*/
.lineOffers .blockPhoneCurrent .blockInside, .lineOffers .blockPhoneSelected .blockInside {background-image:url('skin/blocks/blockOffreCorner_bkgBottom.png');}
.lineOffers .blockPhoneCurrent .offers {color:#71c61b; font-size:1em;}
.lineOffers .blockPhoneSelected .offers {color:#71c61b;}

.lineOffers3Cols {width:650px;margin:0 auto;}
.lineOffers1Cols {overflow:visible;}
.lineOffers1Cols .unit {width:400px; overflow:visible;}
.lineOffers3Cols .size1on3 {margin-right:60px;width:29.7%!important;*width:32%!important;padding-top:20px;padding-right:30px; *padding-right:0;}
.lineOffers1Cols .size1on1 .block {overflow:visible;}
/*.lineOffers .size1on3 {margin:0 120px;width:15.8% !important;}*/
.lineOffers3Cols .size1on3 .blockPhone .body {background-position:60px bottom;}
.lineOffers3Cols .size1on3 .blockPhoneSelected .body {background-position:-426px bottom;overflow:visible;}
.lineOffers1Cols .tipIt {height: 55px;width: 55px;position: absolute;background-position: right top;background-repeat: no-repeat;filter:expression(pngFix(this));top:-20px;right:-30px;z-index:999999; text-indent:-5000px;}
.lineOffers3Cols .tipIt {height: 55px;width: 55px;position: absolute;background-position: right top;background-repeat: no-repeat;filter:expression(pngFix(this));top:-20px;right:-30px;z-index:1000;text-indent:-5000px;}
.lineOffers1Cols .promoEuros {background-image:url('skin/misc/tip5euros.png');}


.lineoffresRechargeables {_overflow:visible;zoom:1;margin-top:5px;}
.line3offresRechargeables .blockBackgroundOffer {float:left; width:193px;background:url('skin/blocks/bkgBlockBackground.png') no-repeat center top;margin-right:45px;cursor:pointer;}
.line3offresRechargeables .last {margin-right:0;}
.blockBackgroundOffer .blockInside {position:relative;color:#fff;text-align:center;padding-top: 15px;padding-bottom:60px;background:url('skin/misc/fakeRadio.png') no-repeat center 185px;}
.line3offresRechargeables .current .blockInside {background-position:center -415px;}
.blockBackgroundOffer div.price {font-size:2.3em;}
.blockBackgroundOffer div.price span{font-size:1.5em;}
.blockBackgroundOffer p.offre {font-size:1.5em;}
.blockBackgroundOffer .blockInside p.offre span {display:block; font-size:0.8em;font-weight:bold;}
.blockBackgroundOffer .promo {height: 78px;width: 76px;position: absolute;background-image: url('skin/misc/pucesms1.png');background-position: right top;background-repeat: no-repeat;filter:expression(pngFix(this));top:-20px;right:-25px;z-index:999999; text-indent:-5000px;}
.blockBackgroundOffer .promo1 {height: 78px;width: 76px;position: absolute;background-image: url('skin/misc/pucesms2.png');background-position: right top;background-repeat: no-repeat;filter:expression(pngFix(this));top:-20px;right:-25px;z-index:999999; text-indent:-5000px;}
.blockBackgroundOffer .promo2 {height: 78px;width: 76px;position: absolute;background-image: url('skin/misc/pucesms3.png');background-position: right top;background-repeat: no-repeat;filter:expression(pngFix(this));top:-20px;right:-25px;z-index:999999; text-indent:-5000px;}
.blockBackgroundOffer input.hiddenField {display:none;}

.line5offresRechargeables .blockBackgroundOffer {float:left; width:129px;background:url('skin/blocks/bkgBlockBackgroundPtitformat.png') no-repeat center top;margin-right:12px;cursor:pointer;}
.line5offresRechargeables .last {margin-right:0;}
.line5offresRechargeables .blockBackgroundOffer .blockInside {padding-top:5px;padding-bottom:25px;background:url('skin/misc/fakeRadio.png') no-repeat center 130px;}
.line5offresRechargeables .current .blockInside {background-position: center -470px;}
.line5offresRechargeables .blockBackgroundOffer p.offre {font-size:1em;color:#000; margin-top:15px;font-weight:bold;line-height:0.9em;}
.line5offresRechargeables .blockBackgroundOffer p.offre span {font-size:0.9em;}


/* modif tom */
.GreyZoneRight {width:100px; background-color:#F4F3F3; text-align:center; float:right; overflow:hidden; min-height:70px; padding-top:40px; color:#AFAFAF; padding-bottom:100px;margin-bottom:-100px; font-weight:bold;}
.GreyZoneRight .bigPrice {color:#BFAFAF; text-transform:uppercase; font-size:1.8em;}

.lineOffers3Cols .tr {display:none;}
.lineOffers1Cols .tr {display:none;}
.lineOffers3Cols .sms1 {background-image:url('skin/misc/tip45sms.png');}
.lineOffers3Cols .sms2 {background-image:url('skin/misc/tip60sms.png');}
.lineOffers3Cols .sms3 {background-image:url('skin/misc/tip120sms.png');}
.lineOffers .size1on6 .blockPhone .body {background-position:65px bottom;}
.lineOffers .size1on6 .blockPhoneSelected .body {background-position:-421px bottom;}
.lineOffers .size1on7 .blockPhone .body {background-position:55px bottom;}
.lineOffers .size1on7 .blockPhoneSelected .body {background-position:-431px bottom;}

/* gestion bouton */
#listeMobiles .block .foot {text-align: center;visibility: hidden;position:absolute;bottom:0;width:100%;z-index:100; background: #e7e7e7;}
#listeMobiles .block .foot div.btns{margin: 5px;} 
#listeMobiles .block .foot div.btns a {font-weight: bold;}
#listeMobiles .block .foot div.btns a.detailsBtn{margin-right: 5px;}
/*
#listeMobiles .block .foot a, #listeMobiles .block .foot a span{display:block;vertical-align:middle;line-height:1.2em;white-space:nowrap;background:url(skin/buttons/detailsMobile.png) left  top no-repeat;text-decoration:none !important;cursor:pointer;text-align:center;}

#listeMobiles .block .foot a{padding-left:10px;_width:1%;font-size:1.4em; margin:0 30px;font-weight:bold;}
#listeMobiles .block .foot a span{display:block;background-position:right  top;padding:5px 10px 5px 0;}
*/
/* gestion hover blockPhone */
#listeMobiles .hover .blockPhone, #listeMobiles .current .blockPhone {padding: 0;}
#listeMobiles.PageZero .hover .blockPhone, #listeMobiles.PageZero .current .blockPhone {padding:2px;}
#listeMobiles .hover .blockPhone .topCorners, #listeMobiles .hover .blockPhone .bottomCorners, #listeMobiles .current .blockPhone .topCorners, #listeMobiles .current .blockPhone .bottomCorners{display: block;}
#listeMobiles .hover .blockPhone .blockInside, #listeMobiles .current .blockPhone .blockInside {border:3px solid #e7e7e7;}
#listeMobiles.PageZero .hover .blockPhone .blockInside, #listeMobiles.PageZero .current .blockPhone .blockInside {border:1px solid #77C814;}
#listeMobiles.PageZero .hover .blockPhone .blockInside .blockInside, #listeMobiles.PageZero .current .blockPhone .blockInside .blockInside {border:none;}
#listeMobiles .hover .blockPhone .foot, #listeMobiles .current .blockPhone .foot {visibility: visible;}
#modeOffers #listeMobiles .current .blockPhone {background-image: url('skin/blocks/blockMobileCorner_bkgBottom.png');}/*ajouter pour integrer le corner sur la les cadre mobile selectionné sur page 0*/
#modeOffers #listeMobiles.PageZero .current .blockPhone {background:none;}




/* promo */
/*
#listeMobiles .promo .blockGlobalPrice .sideT, #listeMobiles .promo .blockGlobalPrice .sideT .cornerRight, #listeMobiles .promo .blockGlobalPrice .sideB, #listeMobiles .promo .blockGlobalPrice .sideB .cornerRight {background-image:url(skin/blocks/blockGlobalPriceMobilePromo_h.png); }
#listeMobiles .promo .blockGlobalPrice .blockInside {background-image: url(skin/blocks/globalPriceMobilePromoBkg.png);}


#listeMobiles .promo .blockPhone dt {color: #edb962}
#listeMobiles .blockPhone .img span.promoTip {width: 41px;height: 37px;display: block;background: url(skin/misc/etiquettePromo.png) no-repeat left top;position: absolute; bottom: 0;left: -8px;visibility:hidden; filter:expression(pngFix(this));}
#listeMobiles .promo .blockPhone .img span.promoTip {visibility:visible;}
#listeMobiles .promo .blockPhone .noImg span.promoTip {display: none;}
*/
#listeMobiles .promo .tip, #listeMobiles .offreSpeciale .tip {display:block;width:50px;height:46px;background:url('skin/misc/chapeauPromo.png') no-repeat left top;position:absolute;z-index:20;top:-10px;left:-10px;filter:expression(pngFix(this));}
#listeMobiles .offreSpeciale .tip {background-image:url('skin/misc/chapeauOffreSpeciale.png');}

/* nouveaute */
#listeMobiles .picto {display:none;}
#listeMobiles .nouveaute {display:block;}


h2.puce1 {background:url('skin/misc/puce1.png') no-repeat left center; padding: 15px 0 15px 60px;}
h2.puce2 {background:url('skin/misc/puce2.png') no-repeat left center; padding: 15px 0 15px 60px;}

/*** dureeEngagement ***/
.dureeEngagement input{vertical-align:middle;position:relative;top:-3px;*top:-1px;_top:0;}
.dureeEngagement h5 {display:inline; padding-right:25px;font-size:1.4em;}


/*** code promoc ***/
.linkCodePromo {color:#000; font-weight:bold;font-size:1.1em;line-height:1.4em;display:block;}

.togglePromo {background:url('skin/blocks/togglePromo.png') no-repeat right top;}
.toggledPromo {background-position:right bottom;}
/***** mode offre *****/
#modeOffers {overflow:hidden;_overflow:visible;zoom:1;}
#modeOffers .leftSide {width:638px;float:left;margin-right:-3px;}
#modeOffers .rightSide {Width:322px; float:right;overflow:hidden;_overflow:visible;zoom:1;}
#modeOffers .load .mobile {background:url(skin/misc/ajax-loader-big.gif) no-repeat center center;min-height:150px;_height:150px; opacity: 0.5;-moz-opacity: 0.5;filter:alpha(opacity=50);}
/*#modeOffers li {width:19%;cursor:pointer;}*/
#modeOffers li .conteneur {min-height: 90px;_height: 90px;padding: 5px 0 5px 5px;}
#modeOffers li .foot {display:none;}
#modeOffers li .blockPhone {margin: 0 3px 0 0;padding: 3px;}
#modeOffers li .img{width:50%;}
#modeOffers li .mentions {display:none;}
#modeOffers li .tip {display:none !important;}
#modeOffers li .nouveaute {display:none;}
#modeOffers li .blockPhone .img img {width:35px;height:68px;}
#modeOffers li .blockPhone .img {float: left; background-image: url(skin/misc/phoneShadowSmall.png);padding-bottom: 8px;width: 33px;overflow:hidden;}
#modeOffers li .blockPhone  .body {padding-bottom:0px;background:url('skin/misc/fakeRadio.png') no-repeat center 105px;}
#modeOffers li.current .blockPhone  .body {padding-bottom:0px;background:url('skin/misc/fakeRadio.png') no-repeat center -495px;}
#modeOffers li .blockPhone dd {margin-top:4px;}
#modeOffers li .blockPhone dt {font-size: 0.86em;min-height: 40px;_height: 40px;padding-top: 5px;}
#modeOffers li .blockPhone .blockGlobalPrice {width:65px;}
#modeOffers li .blockPhone .blockGlobalPrice .body {padding:3px 0;}
#modeOffers li .blockPhone .blockGlobalPrice  span.apartirde {font-size: 0.37em;}
#modeOffers li .blockPhone .blockGlobalPrice .price {font-size:80%;line-height:18px;}
#modeOffers li .blockPhone .blockGlobalPrice .price span {line-height:22px;text-decoration:none;color:White;}


/*** line Offers ***/
.offers{color:#a9a9a9; text-align:center;}
.blockPhoneCurrent .offers {color:#afafaf;}
.blockPhoneCurrent .offers a {color:#e7e7e7;}
.blockPhoneCurrent .offers a:hover {color:#fff;}
.blockPhoneCurrent .offers a:active {color:#fff;}

.offers strong {font-size:1.15em;}
.offers span {font-size:1.7em;font-weight:bold;}


/*** carte SIm ***/
#listeMobiles li.simCard {border-bottom:0;}
#listeMobiles .simCard .blockInside {background:url('skin/misc/simcard.png') no-repeat center center;}
#listeMobiles .simCard .body * {display:none}
#detailMobile .simCard .mobile .visu, #detailMobile .simCard .mobile .block, #detailMobile .simCard .description {display:none;}
#detailMobile .simCard {height:290px;background:url('skin/misc/simcardBig.png') no-repeat center center;}
#detailMobile .simCard .mobile {height:290px;}



/* Layers */
.listeLayer li {margin-bottom:15px; font-size:1em;}
.listeLayer li span { color:#4CB011; font-weight:bold;}
.listeLayer em { text-decoration:underline; font-style:normal;}

.blockBackground .blockInside {background:#D0D0D0 url(skin/blocks/fond_block_layer.png) repeat-x left top;}
.blockBackground p { font-size:1em; margin-top:8px;}
.blockBackground p.colored {color:#4CB011;}

.offreReservee {font-size:0.9em; line-height:0.6em;}
.offreReservee a { text-decoration:underline; color:black;}
/* Accessibiite*/
.waspPictos {overflow:hidden;}
.waspPictos li {float:left;width:49%;margin:10px 0;overflow:hidden;}
.waspPictos li img{float:left;margin:0 7px;}
.waspPictos li span{line-height:34px;float:left;margin:0 3px;}

/* filtre de téléphones selon critères */
.phoneFilter {overflow:hidden; zoom:1;margin-bottom:10px;}
.phoneFilter li {float:left; padding-left:3px;text-align:center;font-size:1.5em;font-weight:bold;width:14%;}
.phoneFilter li, .phoneFilter li a, .phoneFilter li div {background:url(skin/misc/filter_off.png) no-repeat left top;color:#000;}
.phoneFilter li a {background-position:right top;line-height:60px;display:block;padding-right:5px;padding-left:5px;}
.phoneFilter li.title {background-position:left -100px;padding-left:10px;width:auto;width:30%;}
.phoneFilter li.title div {background-position:right -100px;color: #71c61b; height:60px; padding-top: 10px;}
.phoneFilter li.title span {font-size: 0.7em;font-weight: normal;color: #000;}
.phoneFilter li.last{background-position:left -200px;float:none; overflow:hidden; _float:left;margin-right:0;width:auto;}
.phoneFilter li.last a{background-position:right -200px;zoom:1;}
.phoneFilter li.selected span, .phoneFilter li.selected a {color: #fff;}
.phoneFilter li a:hover {text-decoration: none;}
.phoneFilter li.selected, .phoneFilter li.selected, .phoneFilter li.selected a {background-image:url(skin/misc/filter_on.png);}


/***** Popup pop *******/
#pop {margin:0 auto;}
#pop .head {height:56px;background:url(skin/blocks/popup_bg_head.gif) repeat-x left top;padding-left:40px;}
#pop .main {text-align:center;padding:10px}
#pop p {font-size:14px;}
#pop .colored {color:#49ae12;}
#pop input.size190 {width:190px;}


/******* Fiche mobile *******/
#insidePopup .load {min-height:55px; _height:55px; background:url(skin/misc/ajax_loader.gif) no-repeat center center;}

.aucuneInfo { margin-left: auto; margin-right: auto; padding-top: 10px; padding-bottom: 10px; text-align: center; }
.ficheMobile  h2{color: #4CB011;font-size: 1.9em;}
.ficheMobile  h3 {color: #000;font-size: 1.5em;line-height: 1.9em;}
.presentationMobile {overflow: hidden;_overflow: visible;zoom: 1;}
.presentationMobile .mobile {float: right;}
.presentationMobile .mobile .visu {position:relative; width:210px;text-align:center;}
/*.presentationMobile .mobile .accessoires {position: absolute;bottom: 0;right: 0;}
.presentationMobile .mobile .accessoires li {margin-top: 5px;}
*/
/*.presentationMobile .mobile .visu span.promoTip {width: 113px;height:103px;display: block;background: url(skin/misc/etiquettePromoLg.png) no-repeat left top;position: absolute; bottom: -10px;left: -70px;visibility:hidden; filter:expression(pngFix(this));}
.promo .presentationMobile .mobile .visu span.promoTip {visibility: visible;}
*/
#layerInfoMobileContent .dataArrayMobilePrices{margin-top:5px;}
#layerInfoMobileContent .dataArrayMobilePrices .tipContainer {position:relative;z-index:12;}
#layerInfoMobileContent .dataArrayMobilePrices .tip {display:none;width:50px;height:46px;background-repeat: no-repeat;background-position: left top;position:absolute;z-index:20;top:-10px;left:-10px;filter:expression(pngFix(this));}
#layerInfoMobileContent .dataArrayMobilePrices .offreSpeciale {display: block;background-image:url('skin/misc/chapeauOffreSpeciale.png');}
#layerInfoMobileContent .dataArrayMobilePrices .promo {display: block;background-image:url('skin/misc/chapeauPromo.png');}
/*
#layerInfoMobileContent .offreSpeciale .tip {background-image:url('skin/misc/chapeauOffreSpeciale.png');}
*/

.presentationMobile .description {float: left;width: 420px;margin-right:-1px;}
.presentationMobile .description .picto {display:none;}
.presentationMobile .description .nouveaute {display:block;}
.presentationMobile .description .caracteristiques{margin-top: 5px;}
.presentationMobile .description .caracteristiques h6{color: #9b9b9b;}
.presentationMobile .description .caracteristiques li {font-size: 0.8em;}

.presentationMobile .description .accessoires{overflow: hidden;_overflow: visible;zoom: 1; margin: 10px 30px 10px 0;}
.presentationMobile .accessoires li {float : left;width: 48%;color: #4CB011;font-size: 1.2em;margin-bottom: 5px;}
.presentationMobile .accessoires li span {font-size:100%; display:block; overflow:hidden; zoom:1;font-weight:bold;}
.presentationMobile .accessoires li img {float: left;margin-right: 10px;_margin-right: 7px;}

.presentationMobile .description .accessoiresLR{overflow: hidden;_overflow: visible;zoom: 1; margin: 10px 30px 10px 0;}
.presentationMobile .description .accessoiresLR li {float : left;width: 48%;font-size: 1em;margin-bottom: 5px;}
.presentationMobile .description .accessoiresLR li span {font-size:100%; display:block; overflow:hidden; zoom:1;}
.presentationMobile .description .accessoiresLR li img {float: left;margin-right: 10px;_margin-right: 7px;}

.presentationMobile .listeLiensVoir {font-size:140%;margin-top:10px;}
.presentationMobile .listeLiensVoir li li {font-size:12px;margin-left:30px;padding-left:5px;list-style:disc;}

.presentationMobile .listeLiensVoir li.subSwap {color:#000000;background-color:#ffffff;font-size:14px;font-weight:bold;padding:2px 11px;list-style:none;margin-left:0px;}
.presentationMobile .listeLiensVoir li.even {background-color:#e6e6e6;}
.presentationMobile .listeLiensVoir li.subSwap a{color:#000000;padding-left:12px;background:url(skin/blocks/swapOpenClose.png) no-repeat left 5px;display:block}
.presentationMobile .listeLiensVoir li.subSwap a.swapContentOpen {background-position:left -40px;}
.presentationMobile .listeLiensVoir li.subSwap ul.contentSwapped {padding:6px 0px;}
.presentationMobile .listeLiensVoir li.subSwap ul.contentSwapped li {color:#000000;padding-left:0px;font-weight:normal;font-size:12px;margin-left:23px;}

.presentationMobile .accessibilite {margin-top:10px;}
.presentationMobile .accessibilite li{display:inline;*margin-right:3px;}

.presentationMobile .mentionSpeciales {overflow: hidden;_overflow: visible;zoom: 1;margin-bottom:3px;}
.presentationMobile .mentionSpeciales li {float:left;margin-right:8px;_margin-right:5px;}
.presentationMobile .mentionSpeciales li label {font-weight:bold;color:#85D71B;padding-left:3px;}
.presentationMobile .mentionSpeciales li img {vertical-align:middle;}


.mobilePicker {overflow: hidden;_overflow: visible;zoom: 1;margin-top:10px;}
.mobilePicker li{float:left;margin-right:5px;_margin-right:2px;}
.mobilePicker li a {display:block;background:url('skin/misc/ficheMobileBkgPicker.png') no-repeat left top;width:47px;height:47px;text-align:center; }
.mobilePicker li a:hover, .mobilePicker li.current a {background-position:right top;}
.mobilePicker li img {margin-top:2px;}



/**** detailMobile ****/

#modeOffers #detailMobile .presentationMobile h2 {color:#4CB011;}
#modeOffers #detailMobile h2.head {color:#fff;padding:2px 10px;}
#modeOffers #detailMobile .presentationMobile h3 {color:#000;}
#modeOffers #detailMobile .presentationMobile .mobile {float:none;text-align:center;}
#modeOffers #detailMobile .presentationMobile .mobile .visu {width:auto;float:left;margin-right:10px;}
#modeOffers #detailMobile .blockGlobalPrice .sideT, #modeOffers #detailMobile .blockGlobalPrice .sideT .cornerRight, #modeOffers #detailMobile .blockGlobalPrice .sideB, #modeOffers #detailMobile .blockGlobalPrice .sideB .cornerRight {background-image:url(skin/blocks/blockGlobalPriceMobile_h.png); }
#modeOffers #detailMobile .blockInside .blockGlobalPrice {width:100px;}
#modeOffers #detailMobile .presentationMobile .description {float:none;width:100%;clear:both;}
#modeOffers #detailMobile .presentationMobile .accessoires {margin:10px 0 0 0;float:left;width:190px;}
#modeOffers #detailMobile .presentationMobile .accessoires li {width:48%;cursor:default;}
#modeOffers #detailMobile .presentationMobile .accessoires li span {font-size:75%;text-align:left;}
#modeOffers #detailMobile .blockPhone .topCorners, #modeOffers #detailMobile .blockPhone .bottomCorners {display: block;}
#modeOffers .detailMobile .blockInside {border:1px solid #84ce32;}
#modeOffers #detailMobile .blockInside .blockInside {border:none;}
#modeOffers #detailMobile .blockInside .foot {border-top: 1px dashed #e7e7e7;padding:3px 10px;text-align:right;}
#modeOffers #detailMobile .blockInside .head {background:url('skin/blocks/blockDetailMobileHead.png') repeat-x left top;}
#modeOffers #detailMobile .body .bl {position: relative; top: 13px;margin-bottom:-23px;margin-left:-23px;background:url('skin/blocks/listeMobilefoot.png') no-repeat bottom left;}
#modeOffers #detailMobile .body .br {position: relative; top: 13px;margin-right:-23px; *right: -10px;background:url('skin/blocks/listeMobilefoot.png') no-repeat bottom right;}
#modeOffers #detailMobile .prixMobile {float:right;}

.bgPhoneFilterType1{background:url(skin/pageZero/bgFiltre.png) no-repeat left top;height:22px;}

.phoneFilterType2 {overflow:hidden;_overflow:visible;zoom:1;margin-bottom:5px;}
.phoneFilterType2 li {float:left;margin-left:60px;}
.phoneFilterType2 li a {font-weight:bold;color:#000;padding-left:0px;font-size:120%;display:block;background:url('skin/misc/fakeCheck.png') no-repeat left -96px;outline:none; text-decoration:none;}
.phoneFilterType2 li.selected a{background-position: left 4px;}
.phoneFilterType2 li.selected {background:none;}
.phoneFilterType2 li.title {text-align:center;width:auto;padding:0 0 0 80px;margin:0;}
.phoneFilterType2 li.title span{color:#71c61b;font-weight:bold;font-size:130%;}
.phoneFilterType2 li.title span p{color:#000;font-weight:normal;font-style:italic;font-size:75%;}

.phoneFilterType3 {overflow:hidden;_overflow:visible;zoom:1;}
.phoneFilterType3 li {float:left;margin-left:30px;}
.phoneFilterType3 li a {color:#000;padding-left:0px;line-height:150%;display:block;background:url(skin/misc/fakeCheck.png) no-repeat left -97px;outline:none; text-decoration:none;}
.phoneFilterType3 li.selected a{background-position: left 3px;}
.phoneFilterType3 li.selected {background:none;}


/***** formulaire offres *****/
#formOffer form {text-align:center;}
#formOffer  ul {width:600px; margin:0 auto;text-align:left;}
#formOffer li {overflow:hidden;_overflow:visible;zoom:1;}
#formOffer li fieldset{float:left;width:49%;}
#formOffer li fieldset {color: #afafaf;font-size:110%;font-weight:bold;}
#formOffer li fieldset label {margin-right:10px;}
#formOffer li fieldset label strong {font-size:140%;margin-left:10px;}
#formOffer li fieldset option {color: #afafaf;}




/****** styles Home ******/

/* Presentation produits type 1 */
.presentationProduit {overflow: hidden;_overflow: visible;zoom: 1; }
.presentationProduit li {float: left;width: 25%;}
/*.presentationProduit li {float: left;width: 33%;}*/
.presentationProduit dt {font-size: 1.15em;font-weight:bold;text-align: center;padding: 10px 0px 5px 0px;}
.presentationProduit dt strong {display: block;}
.presentationProduit dd {text-align: center;position: relative;zoom: 1; margin:0 auto; width:142px;}
.presentationProduit .deco{background: url(skin/misc/homePrice.png) no-repeat left top; filter:expression(pngFix(this));width: 92px;height: 95px;margin: 0 auto; margin-left:35px;padding-top: 22px; position: relative;z-index: 100;}
.presentationProduit .deco a {color: #fff;display: block;font-size: 1.2em;font-weight: bold;}
.presentationProduit .deco a:hover {text-decoration: none;}
.presentationProduit .deco a span {display: block;font-size: 1.7em;}
.presentationProduit .deco a strong {font-size: 1.2em;}

.presentationProduit span.legendImg{position: absolute; width: 61px;height: 76px;display: block;background: url(skin/misc/sim.png) no-repeat left top; filter:expression(pngFix(this));bottom: 18px;left: 0px;z-index: 50;}
.presentationProduit .phone span.legendImg{background-image: url(skin/misc/tel.png);}
.presentationProduit .kit span.legendImg{background-image: url(skin/misc/sim-kit.png);}
.presentationProduit .bloque span.legendImg{background-image: url(skin/misc/sim-bloque.png);}

.presentationProduit2 .presentationProduit li {float:none;width:auto;}
.presentationProduit2 .presentationProduit .deco{background-image: url(skin/misc/homePrice2.png) ;}
.presentationProduit2 .presentationProduit .phone span.legendImg{left:0%;}
/*.presentationProduit2 .presentationProduit .deco{margin: 0 0 0 38%;_margin: 0 0 0 20%;}*/
.presentationProduit2 .presentationProduit .deco{margin: 0 0 0 23%;_margin: 0 0 0 12%;}
.presentationProduit2 .miniButtons, .presentationProduit2 .miniButtons span{background-image:url(skin/buttons/selec_bkg2.png);filter:expression(pngFix(this));}


/*.promo .presentationProduit .deco{margin: 0 0 0 48%;}*/
.promo .presentationProduit .deco{margin: 0 0 0 20%; _margin: 0 0 0 0%;}
/*.promo .presentationProduit span.legendImg{left: 30%;}*/
.promo .presentationProduit span.legendImg{left: 0%;}


.simplicimeIsSimple h3{font-size: 2em;color: #fff;}
.simplicimeIsSimple li {margin-top: 10px;padding-bottom:10px;border-bottom:1px dotted #cccccc;}
.simplicimeIsSimple li.last{border:none;padding-bottom:0;}
.simplicimeIsSimple li .bgGreenPicto{width:40px;height:26px;text-align:center;background:url(skin/blocks/bgGreenPicto.png) no-repeat center;}
.simplicimeIsSimple li .bgGreenPicto img{margin-top:3px;}
.simplicimeIsSimple li .text{font-size: 1.2em;line-height:1.2em;}

.kitSeul .kit {background:url(skin/buttons/btnKit.png) no-repeat left center;color:#fff;font-weight:bold;font-size:1.25em;vertical-align:middle;padding:  0 0 0 63px;}
.kitSeul table {width:100%;}
.kitSeul table td{padding:  3px 10px;}
.kitSeul .kit a {color:#fff;}

.rechargeList {margin: 0 auto;}
.rechargeList th span {font-weight:bold;border-bottom:1px solid #4cb011;display:block;margin-right:3px;font-size:0.9em;}
.rechargeList th span small {font-size:0.9em;}
.rechargeList td {background-color: transparent;background-repeat:no-repeat;background-image: url(skin/misc/bgGreen.png);background-repeat: no-repeat; background-position: left -348px;width:50px;text-align:center;padding:10px  0;font-weight:bold;}
.rechargeList .rechargePrice td .tdInner {background-position: left top;}
.rechargeList .promo div {position:relative;}
.rechargeList .promo div img{position:absolute;left:-7px;_left:-34px;top:15px;}
.rechargePrice td  {vertical-align:top;height:150px;}
.rechargePrice td  span {width:48px;height:32px;display:block;color:#fff;font-size:1.8em;padding-top:8px;font-weight:bold;}
.rechargePrice td.promo span {}
.rechargeList td.promo {background-image:url(skin/misc/bgOrange.png);}
.rechargeList td.forfait75 {padding-top:0px;background-position:left -200px;}
.rechargeList td.forfait45 {padding-top:5px;background-position:left -190px;}
.rechargeList td.forfait40 {padding-top:10px;background-position:left -190px;}
.rechargeList td.forfait35 {padding-top:20px;background-position:left -180px;}
.rechargeList td.forfait25 {padding-top:30px;background-position: left -170px;}
.rechargeList td.forfait15 {padding-top:40px;background-position:left -160px;}
.rechargeList td.forfait10 {padding-top:50px;background-position:left -150px;}
.rechargeList td.forfait5 {padding-top:60px;background-position:left -140px;}
.rechargeList .lastTR td {background-position:left bottom;}
.tdInner {}
td img.duree {width:20px;}

.cartesPrepayees  {width: 100%;}
.cartesPrepayees td, .cartesPrepayees th {border-right: 1px solid #d7d7d7; padding: 0 35px;}
.cartesPrepayees .last {border: none;}
.cartesPrepayees input {margin-left: 0;margin-right: 7px;}
.cartesPrepayees label {color: #4CB011}
.cartesPrepayeesCinq td, .cartesPrepayeesCinq th{padding: 0 3px;}

.espace-client .absolute-infos {position:absolute; bottom:0px; left:0px; padding:10px 5px 10px 10px;}
.espace-client .bottom-margin1 {margin-bottom:90px;}
.espace-client label {font-size:15px;}
.espace-client h4 {font-size:18px;}



.choiceList h3 {font-size:1.9em; color:#000;}
.choiceList li {padding-left:15px;background:url(skin/misc/choiceList_puce.png) no-repeat left 0.3em; font-size:1.4em; color:#4D9E11;margin:10px 0;}
.choiceList p {font-size:1.3em; color:#000;margin-bottom:2em;}
.choiceList2 .choiceList a {display:block;position:absolute;bottom:10px;font-size:1.25em;}
.choiceList li a img {border-bottom:1px solid white; margin-bottom:-3px;}
.choiceList li a:hover img {border-bottom:1px solid #4CB011;}
.choiceListStrong li {padding-left:15px;background:url(skin/misc/choiceList_puce.png) no-repeat left 0.3em; font-size:1.2em; color:#4D9E11; margin-bottom:10px; font-weight:bold;}
a.choiceLinkStrong  {padding-left:15px;background:url(skin/misc/choiceList_puce.png) no-repeat left 0.3em; font-size:1.2em; color:#4D9E11; font-weight:bold;}

/* ol liste */
.olList h3 {font-size:1.9em; color:#000;}
.olList li {background:none; font-size:1.3em; color:#4D9E11;margin:5px 0;font-weight:bold;}
.olList li span {font-size:0.9em; color:#000;}
.olList p {font-size:1.2em; color:#000;margin-bottom:1em;}
.olList a {font-size:1.2em;font-weight:bold;}

/* contact */
.botborder{border-bottom:#d7d7d7 solid 1px;padding-bottom:25px;margin-bottom:25px;}
#table_contact td {padding:2px 0;}
#table_contact input.ville {width:225px;/*width:229px;*/}
#table_contact input.fax {width:154px;/*width:158px;*/}
#table_contact input.standard {width:320px;/*width:333px;*/}
#table_contact textarea.message {width:320px;/*width:333px;*/}

/* redirection */
p.biginfos {font-size:17px;}
p.biginfos strong a{color:#000000}

/* trash Zone */
#formEngagement input {margin-top:0;}



/* fix png transparent IE : CAUTION */
img.pngFix{_background-image:url(skin/misc/px.gif); filter:expression(pngFix(this));}
.promoPng {position:absolute;top:0;left:9%;z-index:200;}/*Placer des éléments horiz/verticalement dans un div*/
.bold{font-weight:bold;}
.Nbold{font-weight:normal;}
.fontSize120{font-size:120%!important;}
.green{color:#4CB011;}

p.carteReseau {font-size:0.7em;overflow:hidden;margin:10px 0 0;}
p.carteReseau span {line-height:15px;}
p.carteReseau img {float:left;clear:left;}
h4.carteReseau {clear:both; margin:10px 0 0 ;}
#layerInfoMobileContent, #layerForfait {display:none;}
#layerForfait .int {padding:0 30px;}
#layerForfait .inline li {width:28.5%;}
#layerForfait .blockPhone {width:370px;margin:20px 0;}
#layerForfait .blockPhone .topCorners, #layerForfait .blockPhone .bottomCorners{display:block;}
#layerForfait .blockPhone .blockInside {background:#fff;border:3px solid #E7E7E7;}

/* FAM to delete after update*/
.FAMforfait{display:block;height:118px;}
.FAMforfait14{width:95px;background:url(skin/FAM/14.png);}
.active .FAMforfait14{width:95px;background:url(skin/FAM/14activ.png);}
.FAMforfait19{width:95px;background:url(skin/FAM/19.png);}
.active .FAMforfait19{width:95px;background:url(skin/FAM/19activ.png);}
.FAMforfait24{width:95px;background:url(skin/FAM/24.png);}
.active .FAMforfait24{width:95px;background:url(skin/FAM/24activ.png);}
.FAMforfait29{width:95px;background:url(skin/FAM/29.png);}
.active .FAMforfait29{width:95px;background:url(skin/FAM/29activ.png);}
.FAMforfait36{width:95px;background:url(skin/FAM/36.png);}
.active .FAMforfait36{width:95px;background:url(skin/FAM/36activ.png);}
.FAMforfait39{width:95px;background:url(skin/FAM/39.png);}
.active .FAMforfait39{width:95px;background:url(skin/FAM/39activ.png);}
/* FAM */
/*.FAMforfait{display:block;height:132px;}*/
.FAMforfait14{width:95px;background:url(skin/FAM/14.png) !important;}
.active .FAMforfait14{width:95px;background:url(skin/FAM/14activ.png) !important;}
.FAMforfait19{width:95px;background:url(skin/FAM/19.png) !important;}
.active .FAMforfait19{width:95px;background:url(skin/FAM/19activ.png) !important;}
.FAMforfait24{width:95px;background:url(skin/FAM/24.png) !important;}
.active .FAMforfait24{width:95px;background:url(skin/FAM/24activ.png) !important;}
.FAMforfait29{width:95px;background:url(skin/FAM/29.png) !important;}
.active .FAMforfait29{width:95px;background:url(skin/FAM/29activ.png) !important;}
.FAMforfait36{width:95px;background:url(skin/FAM/36.png) !important;}
.active .FAMforfait36{width:95px;background:url(skin/FAM/36activ.png) !important;}
.FAMforfait39{width:95px;background:url(skin/FAM/39.png) !important ;}
.active .FAMforfait39{width:95px;background:url(skin/FAM/39activ.png) !important;}

/* FAM FULLto delete after update*/
.FAMforfaitfull{display:block;height:130px;}
.FAMforfaitfull14{width:95px;background:url(skin/FAMfull/14.png);}
.active .FAMforfaitfull14{width:95px;background:url(skin/FAMfull/14activ.png);}
.FAMforfaitfull19{width:95px;background:url(skin/FAMfull/19.png);}
.active .FAMforfaitfull19{width:95px;background:url(skin/FAMfull/19activ.png);}
.FAMforfaitfull24{width:95px;background:url(skin/FAMfull/24.png);}
.active .FAMforfaitfull24{width:95px;background:url(skin/FAMfull/24activ.png);}
.FAMforfaitfull29{width:95px;background:url(skin/FAMfull/29.png);}
.active .FAMforfaitfull29{width:95px;background:url(skin/FAMfull/29activ.png);}
.FAMforfaitfull36{width:95px;background:url(skin/FAMfull/36.png);}
.active .FAMforfaitfull36{width:95px;background:url(skin/FAMfull/36activ.png);}
.FAMforfaitfull39{width:95px;background:url(skin/FAMfull/39.png);}
.active .FAMforfaitfull39{width:95px;background:url(skin/FAMfull/39activ.png);}
/* FAM FULL*/
/*.FAMforfait{display:block;height:132px;}*/
.FAMforfaitfull14{width:95px;background:url(skin/FAMfull/14.png) !important;}
.active .FAMforfaitfull14{width:95px;background:url(skin/FAMfull/14activ.png) !important;}
.FAMforfaitfull19{width:95px;background:url(skin/FAMfull/19.png) !important;}
.active .FAMforfaitfull19{width:95px;background:url(skin/FAMfull/19activ.png) !important;}
.FAMforfaitfull24{width:95px;background:url(skin/FAMfull/24.png) !important;}
.active .FAMforfaitfull24{width:95px;background:url(skin/FAMfull/24activ.png) !important;}
.FAMforfaitfull29{width:95px;background:url(skin/FAMfull/29.png) !important;}
.active .FAMforfaitfull29{width:95px;background:url(skin/FAMfull/29activ.png) !important;}
.FAMforfaitfull36{width:95px;background:url(skin/FAMfull/36.png) !important;}
.active .FAMforfaitfull36{width:95px;background:url(skin/FAMfull/36activ.png) !important;}
.FAMforfaitfull39{width:95px;background:url(skin/FAMfull/39.png) !important ;}
.active .FAMforfaitfull39{width:95px;background:url(skin/FAMfull/39activ.png) !important;}

/* FSE */
.FSEforfait{display:block;height:118px;}
.FSEforfait9{width:95px;background:url(skin/FSE/9.png);}
.active .FSEforfait9{width:95px;background:url(skin/FSE/9activ.png);}
.FSEforfait12{width:95px;background:url(skin/FSE/12.png);}
.active .FSEforfait12{width:95px;background:url(skin/FSE/12activ.png);}
.FSEforfait15{width:95px;background:url(skin/FSE/15.png);}
.active .FSEforfait15{width:95px;background:url(skin/FSE/15activ.png);}
.FSEforfait19{width:95px;background:url(skin/FSE/19.png);}
.active .FSEforfait19{width:95px;background:url(skin/FSE/19activ.png);}
.FSEforfait29{width:95px;background:url(skin/FSE/29.png);}
.active .FSEforfait29{width:95px;background:url(skin/FSE/29activ.png);}
.FSEforfait39{width:95px;background:url(skin/FSE/39.png);}
.active .FSEforfait39{width:95px;background:url(skin/FSE/39activ.png);}

/* FSE */
.FSEforfaitfull{display:block;height:229px;}
.FSEforfait9{width:95px;background:url(skin/FSE/9.png) !important;}
.active .FSEforfait9{width:95px;background:url(skin/FSE/9activ.png) !important;}
.FSEforfait12{width:95px;background:url(skin/FSE/12.png) !important;}
.active .FSEforfait12{width:95px;background:url(skin/FSE/12activ.png) !important;}
.FSEforfait15{width:95px;background:url(skin/FSE/15.png) !important;}
.active .FSEforfait15{width:95px;background:url(skin/FSE/15activ.png) !important;}
.FSEforfait19{width:95px;background:url(skin/FSE/19.png) !important;}
.active .FSEforfait19{width:95px;background:url(skin/FSE/19activ.png) !important;}
.FSEforfait29{width:95px;background:url(skin/FSE/29.png) !important;}
.active .FSEforfait29{width:95px;background:url(skin/FSE/29activ.png) !important;}
.FSEforfait39{width:95px;background:url(skin/FSE/39.png) !important;}
.active .FSEforfait39{width:95px;background:url(skin/FSE/39activ.png) !important;}



/* bloque */
.bloqueforfait{display:block;height:226px;}
.bloqueforfait14{width:190px;background:url(skin/bloque/14.png);}
.active .bloqueforfait14{width:190px;background:url(skin/bloque/14.png);}
.bloqueforfait17{width:190px;background:url(skin/bloque/17.png);}
.active .bloqueforfait17{width:190px;background:url(skin/bloque/17.png);}
.bloqueforfait24{width:190px;background:url(skin/bloque/24.png);}
.active .bloqueforfait24{width:190px;background:url(skin/bloque/24.png);}


/*  flashAllPage  */
#flashAllPage{position:absolute;width:100%;height:100%;z-index:10000;margin:0 auto;top:-2px;_top:-1px;//top:-1px;text-align:center;display:block;}
#page1col{z-index:0;}

/* Page Zero */
.PZchoixMobile{display:block;width:102px;height:95px;background:url(skin/pageZero/bgChoixMobile.png) left center no-repeat;line-height:.9em;text-decoration:none !important;color:#000;}
.PZchoixMobile .txtItemHL{color:#4CB011;}
.PZchoixMobile:hover, .PZchoixMobileSelect{background-position:right center;}
.PZchoixMobile:hover .txtItem, .PZchoixMobileSelect .txtItem{color:#FFF;}

/* Page Zero 3 Cols */
.lineOffers3Cols li {position:relative;}
.lineOffers3Cols .PZchoixMobile{width:159px;padding-right: 15px;height:84px;background-image:url(skin/pageZero/bgChoixMobile3Cols.png);}
.lineOffers3Cols .bandeauSMS {position:absolute;background-repeat:no-repeat;background-position:right top;width:79px;height:76px;top:20px;left:106px;*left: 122px;overflow:hidden;text-indent:-5000px;}
.lineOffers3Cols .bandeau45 {background: url('skin/pageZero/bandeau45.png') no-repeat center top;  filter:expression(pngFix(this));}
.lineOffers3Cols .bandeau60 {background: url('skin/pageZero/bandeau60.png') no-repeat center top;  filter:expression(pngFix(this));}
.lineOffers3Cols .bandeau120 {background: url('skin/pageZero/bandeau120.png') no-repeat center top;  filter:expression(pngFix(this));}

#simulFlash{position:absolute;left:120px;top:145px;z-index:20;}
.errorSimul{left:371px;top:25px;}

/* up PT
 forfaits-mobiles
*/

.dualBlock { width:303px; }
.singleBlock { width:154px;}

.dualBlock h3, .singleBlock h3 {font-size:1.25em; color:#FFF; padding:0 7px 0 0; text-align:center; text-transform:uppercase; font-weight:normal; background:url(/css/skin/blocks/bg_greenblock_right.gif) no-repeat right top;}
.dualBlock h3 span, .singleBlock h3 span { display:block; padding:6px 0 6px 7px; background:url(/css/skin/blocks/bg_greenblock_left.gif) no-repeat left top;}
.dualBlock h3 span strong, .singleBlock h3 span strong {color:#FFF;}

.blockUnitHolder { border-left:solid 1px #eaeaea; border-right:solid 1px #eaeaea; _height:201px; min-height:201px; background:url(/css/skin/blocks/bg_blockunitholder.gif) repeat-x left top;}

.Bshadow283 {background:url(/css/skin/blocks/Bshadow283.png) no-repeat center top; filter:expression(pngFix(this));}
.Bshadow136 {background:url(/css/skin/blocks/Bshadow136.png) no-repeat center top; filter:expression(pngFix(this));}

.footerShadow { height:15px;}
.footerShadow .unit_bl { float:left; width:9px; height:15px; background:url(/css/skin/blocks/blockcorner_unitblock_left.png) no-repeat left top; filter:expression(pngFix(this)); }
.footerShadow .unit_br { float:right; width:9px; height:15px; background:url(/css/skin/blocks/blockcorner_unitblock_right.png) no-repeat left top; filter:expression(pngFix(this)); }

.dualBlock .blockUnitHolder { padding:0 13px 0 12px; width:276px;}
.dualBlock .blockColDual { width:136px; text-align:center; float:left; cursor:pointer;}

.singleBlock .blockUnitHolder { padding:0 8px 0 8px; width:136px;}
.singleBlock .blockColDual { width:136px; text-align:center; float:left; cursor:pointer;}

.blockColDual .blockColDualHeader { height:121px; padding-top:10px;}

.blockColDualHeader p { line-height:0.1em;}
.blockColDualHeader p.sub { font-size:1.1em; color:#626262;}
.blockColDualHeader p.title { font-size:1.75em; font-weight:700;}
.blockColDualHeader p.title span.price {font-size:1.25em;}
.blockColDualHeader p.addInfo {font-size:1em;}
.blockColDualHeader div.addInfo {font-size:12px; margin:0 0 2px 0; height: 12px;}

.titleGreen {color:#59b817;}

.blockUnitHolder .blockColFooter {}
.blockColFooter p { font-size:0.9em; color:#626262; text-align:center; }
.blockColFooter p.singleLine { padding-top:10px;}

.fixNewCol { margin-right:-20px !important;}

.noMarginRight { margin-right:0px !important}


/* footer */

.footer {margin:10px 0 15px !important; }
.footer li {border-right:1px solid #DDDDDD !important; display:inline!important; padding:0 26px !important; }
.footer li.last { padding:0 0 0 26px !important; border:none !important;}
.footer li.first { padding:0 26px 0 0; !important; }
.footer li a {color:#626262 !important;}

/* footer contacts*/

.blockList .bottomCorners .bl, .blockList .bottomCorners .br {margin-top:-6px !important;}

.blockContacts { padding:15px 0 0 10px; width:984px; margin:0 auto;  background:url(/images/home/bg_contacts_row.gif) no-repeat center top;}
/*.blockContacts ul.contacts { float:left; padding:0 15px 0 10px; _width:185px; min-width:168px; height:115px; min-height:115px; border-right:dotted 1px #c0c0c0}*/
.blockContacts ul.contacts { float:left; padding:0 15px 0 10px; _width:165px; min-width:148px; height:115px; min-height:115px; border-right:dotted 1px #c0c0c0}
.blockContacts ul.contacts li { color:#a8a8a8; padding:0 0 6px 0; }
.blockContacts ul.contacts li a { color:#a8a8a8;}
.blockContacts ul.contacts li.headerTitle { text-transform:uppercase; color:#515151;}

.blockContacts ul.quickContacts { float:left; padding:0 10px 0 10px;}
ul.quickContacts li {color:#a8a8a8; padding:0 0 0 28px;}
ul.quickContacts li a {color:#a8a8a8; padding:8px 0 6px 0; display:block; border-bottom:dotted 1px #bfbfbf}

ul.quickContacts li.liParrainage { background:url(/images/home/bg_link_parrainage.gif) no-repeat left 3px;}
ul.quickContacts li.liContact { background:url(/images/home/bg_link_contact.gif) no-repeat left top;}
ul.quickContacts li.liPlanSite { background:url(/images/home/bg_link_plan_site.gif) no-repeat left 8px;}
ul.quickContacts li.liEnvironment { background:url(/images/home/bg_link_environment.gif) no-repeat left 4px;}

/* layer */

.internetIllimite { font-size:2.3em; font-weight:700; }

.blockContenuLayerLeft { float:left; width:440px;}
.blockContenuLayerRight { float:left; width:220px;}

.blockContenuLayerLeft h3 { color:#000; padding-bottom:9px;}
.blockContenuLayerLeft p { padding-bottom:12px;}

.layerReservee { font-size:0.9em; line-height:0.6em; color:#626262; padding:10px 0 10px 0;}

ul.listGreen { list-style-type:none; padding-bottom:12px;}
ul.listGreen li { color:#4cb011; padding:0 0 2px 15px; background:url(/css/skin/blocks/bg_list_green.gif) no-repeat left 4px;}
ul.listGreen li a { color:#4cb011;}

/* mobile-avec-forfait.html */
.FAMfullbgTitle{height:113px;background:url(skin/FAMfull/FAM-bgTitle.png) no-repeat !important;overflow:hidden;}
.FAMbgTitle{height:113px;background:url(skin/FAM/FAM-bgTitle.png) no-repeat !important;overflow:hidden;}
.FSEfullbgTitle{height:113px;background:url(skin/FSE/FSEfull-bgTitle.jpg) no-repeat !important;overflow:hidden;}
.FSEbgTitle{height:113px;background:url(skin/FSE/FSE-bgTitle.png) no-repeat !important;overflow:hidden;}
.colorRed{color:#f1324e;}

.FAMfullbgTitle .title {margin:28px 250px 0 24px; font-size:1.8em;}
.FAMbgTitle .title {margin:28px 250px 0 24px; font-size:1.8em;}
.FSEfullbgTitle .title {margin:28px 250px 0 24px; font-size:1.8em;}
.bloquebgTitle .title {margin:28px 250px 0 24px; font-size:1.8em;}
.FSEbgTitle .title {margin:28px 250px 0 24px; font-size:1.8em;}
.FAMbgTitle .text, .FSEbgTitle .text, .bloquebgTitle .text , .FAMfullbgTitle .text{margin:0px 280px 0 24px; line-height:1em;}
.FSEbgTitle .text {margin:5px 270px 0 24px; color:#626262;}
.FSEfullbgTitle .text {margin:5px 270px 0 24px; color:#626262;}

/* telephone-sans-abonnement.html */

.HmarginSml, .LmarginSml {margin-left:15px !important} .HmarginSml, .RmarginSml {margin-right:15px !important}

.FSEforfait_sms3 {width:200px;background:url(skin/FSE/img_label_3h_ie6.png);}
.active .FSEforfait_sms3 {width:200px;background:url(skin/FSE/img_label_3h_active_ie6.png);}
.FSEforfait_sms6 {width:200px;background:url(skin/FSE/img_label_6h_ie6.png);}
.active .FSEforfait_sms6 {width:200px;background:url(skin/FSE/img_label_6h_active_ie6.png);}
.FSEforfait_sms9 {width:200px;background:url(skin/FSE/img_label_9h_ie6.png);}
.active .FSEforfait_sms9 {width:200px;background:url(skin/FSE/img_label_9h_active_ie6.png);}


