html, body { margin:0px; padding:0px; width:100%; height:100%;}
html { font-size:100%;}
body { font-size:14px; line-height:1.143em; background-color:#DDDDDD; font-family:Arial, Helvetica, sans-serif; color:#666666;}
* { margin:0px; padding:0px;}
@font-face { font-family:'dinregular'; src:url('/fonts/din-regular-webfont.eot'); src:url('/fonts/din-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/din-regular-webfont.woff') format('woff'), url('/fonts/din-regular-webfont.ttf') format('truetype'), url('/fonts/din-regular-webfont.svg#dinregular') format('svg'); font-weight:normal; font-style:normal; }
@font-face { font-family:'dinblack'; src:url('/fonts/din-black-webfont.eot'); src:url('/fonts/din-black-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/din-black-webfont.woff') format('woff'), url('/fonts/din-black-webfont.ttf') format('truetype'), url('/fonts/din-black-webfont.svg#dinblack') format('svg'); font-weight:normal; font-style:normal; }
@font-face { font-family:'scarlet'; src:url('/fonts/scarlet20170213.eot'); src:url('/fonts/scarlet20170213.eot?#iefix') format('embedded-opentype'), url('/fonts/scarlet20170213.woff') format('woff'), url('/fonts/scarlet20170213.ttf') format('truetype'), url('/fonts/scarlet20170213.svg#scarlet') format('svg'); font-weight:normal; font-style:normal; }

h1 {color: #EF3E33; font-family: "dinregular",sans-serif; font-size: 3.357em; font-weight: normal; letter-spacing: -0.064em; line-height: 0.851em; margin: 0.426em 0 0.426em 0;}
h2 {color: #333333; font-family: "dinregular",sans-serif; font-size: 2.143em; font-weight: normal; line-height: 1em; margin: 0.667em 0 0.500em 0;}
h3 {color: #333333; font-family: "dinregular",sans-serif; font-size:1.786em; font-weight: normal; line-height: 1em; margin: 0.750em 0 0.500em 0;}
h4 {color: #333333; font-family: "dinregular",sans-serif; font-size:1.429em; font-weight: normal; line-height: 1em; margin: 0.750em 0 0.500em 0;}
h5 {color:#333333; font-size:1.143em; font-weight:normal; line-height:1em; margin:0.714em 0 0.357em 0;}
h6 {color:#333333; font-size:1em; font-weight:bold; line-height:1em; margin:0.714em 0 0.357em 0;}
p { margin:0 0 0.714em 0; line-height:1.143em;}
ul { list-style-position:inside; margin-bottom:0.714em;}
ul li { margin-bottom:0.214em;}
ul.hand li { background:url("/img/siteElement/scarletDot.png") no-repeat left 4px; list-style:none; padding-left:20px;}
.linkList li { list-style:none; padding-left:20px; background: url(/img/arrowLinkList.png) no-repeat 0 2px; }
.linkList li a { text-decoration:none; color:#666666;}
.linkList li a:hover { text-decoration:underline; color:#EF3E33;}
ol { list-style-position:inside; margin-bottom:0.714em;}
ol li { margin-bottom:0.214em;}
a { color:#EF3E33;}
a:hover { text-decoration:none;}
a img { border:0px;}
a.arrow { background:url("/img/arrowLinkList.png") no-repeat scroll 0 2px transparent; padding-left:20px;}
a.tel { text-decoration:none; font-weight:bold; color:#666666;}
.red { color:#EF3E33;}
.green { color:#38bc15;}
.black { color:#000000;}
.clear { clear:both;}
.nowrap { white-space:nowrap;}
.small { font-size:0.857em;}
.smallCaps { font-variant:small-caps; font-size:inherit;}
.floatLeft { float:left;}
.floatRight { float:right;}
img.floatLeft { clear:left; padding-right:20px; padding-bottom:20px;}
img.floatRight { clear:right; padding-left:20px; padding-bottom:20px;}
section { clear:both;}
.container .noMarginTop { margin-top:0px;}
.noMarginBottom { margin-bottom:0px;}
.superscript{ color: #666666; font-size: 0.60em; line-height: 12px; vertical-align: top; font-weight:normal;}
.container .info-desc { font-size: 0.857em; line-height: 1.2em; color:#999999; margin-top:5px;}
.info-desc a {color: #999999;}
.menuMobileLogo,
.menuMobileLang,
.mob-tab-nav { display:none;}
.scarletFont { font-family: "scarlet",sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.logo { background:url("/img/siteElement/spriteBgGrey.png?version=20160428") no-repeat right -250px; padding-right:30px; float:left; clear:both;}
h2.logo { background:url("/img/siteElement/spriteBgGrey.png?version=20160428") no-repeat right -450px; padding-right:25px; float:left; clear:both;}
.bouquet { border-top:2px solid #E8E8E8; padding-top:10px; margin-top:20px;}
.bouquet h3 { margin-top:10px;}
.textboxSmall,
.textbox { border:1px solid #ccc;}
.cse .gsc-control-cse, .gsc-control-cse { padding:0 !important;}
div.st-ui-autocomplete div.st-query-present a.st-ui-result .st-ui-type-heading { white-space:inherit; max-height:43px; margin-bottom:4px;}
.search h2.red { margin-bottom:0px;}

body .boxRounded{ background-color:#F5F5F5; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:20px; width:auto;}

.productName h1{ float:left; margin:0 0 20px 0;}
.productName h3{ float:left; line-height:0.786em; margin:0px; padding-left:10px;}
.productName h2{ float:left; margin:0 0 20px 0; color:#EF3E33; letter-spacing:-1px;}
.productName h4{ float:left; line-height:0.786em; margin:0px; padding-left:10px; font-size:1.143em;}
.productSlogan {float: left; width: 310px;}
.productSlogan h3{ font-size:1.571em; line-height:1.2em; margin-top:0px; color: #333333; margin-top: 0.250em; margin-bottom: 0.5em; font-family: "dinregular", sans-serif;}
.productSlogan h4{ font-size:1.214em; line-height:1.2em; margin-top:0px; color: #333333; margin-top: 0.250em; margin-bottom: 0.5em; font-family: "dinregular", sans-serif;}
.productHeader .callBack {  clear:both; padding-top: 20px; border-top: 3px solid #e0e0e0; text-align:center;}
.productBanner .productSlogan { width:auto;}
.productBanner .priceBox { font-size:0.714em;}
.productBanner .btnBestel { margin-bottom:0;}

/* cookiePolicy */
#cookiePolicy { padding:20px; position:fixed; bottom:0px; left:0px; right:0px; background-color:#fff;}
#cookiePolicy h3 { margin-bottom:5px;  color:#EF3E33; font-size:1em;}
#cookiePolicy p { margin-top:0px; font-size:0.857em; margin-bottom:0;}
#cookiePolicy .close { position:absolute; right:20px; top:20px;}
.infoCookie { margin-bottom:85px;}

/* breadcrumb */
#breadcrumb { margin:0px 40px; position:relative; }
#breadcrumb a { background:url(/img/siteElement/sprite.png?version=20150909) no-repeat right -548px; padding-right:25px; margin-right:10px; text-decoration:none; }
#breadcrumb a.last { background:none; }
#breadcrumb a:hover { text-decoration:underline; }

/* btnBestel */
.btnBestel { margin-bottom: 20px; display: block; }
.btnBestel a.button { background-color: #38bc15; clear: both; display:inline-block; zoom: 1; padding: 0px; font-family: "dinregular", sans-serif; font-size:1.286em; text-transform: uppercase; color:#FFFFFF; }
.btnBestel a.button span { padding: 10px 24px 10px 24px; display:inline-block; line-height: 1em; vertical-align: middle; cursor:pointer; }
.btnBestel a.button .arrow { font-size: 0.778em; font-family: "scarlet", sans-serif; padding: 10px 12px 10px 12px; background-color:#31a312; line-height:1.286em; }
.btnBestel a.button:hover { text-decoration:none; background-color: #31a312; color:#FFFFFF; }
.btnBestel a.button:hover .arrow { padding: 10px 12px 10px 12px; color:#FFFFFF; }
.btnBestel a.btnSmall { font-size: 1em; }
.btnBestel a.btnSmall span { padding: 4px 10px; }
.btnBestel a.btnSmall .arrow,
.btnBestel a.btnSmall:hover .arrow { padding: 6px 7px; font-size:1em; }
.btnBestel a.btnSmall:hover span {padding: 4px 10px; }
.AvCheckForm { text-align:center; margin:20px 0;}
.AvCheckForm .btnForm { background:#EF3E33; clear: both; display:inline-block; zoom: 1; padding: 9px 12px 9px 12px; font-family: "dinregular", sans-serif; font-size: 1em; text-transform: uppercase; color:#FFFFFF; border:0px; cursor:pointer; }

/* btnRound */
.btnRound { text-align:center;}
.btnRound a { color:#000; font-size:16px; display:inline-block; border:1px solid #000000; -webkit-border-radius: 4.857em; -moz-border-radius: 4.857em; border-radius: 4.857em; text-align:center; background-color:#FFFFFF; text-decoration:none; padding:2px 10px;}
.btnRound a:hover { border-color:#38bc15; color:#38bc15;}



/* btnPrint */
.btnPrint { background-color: #EF3E33; clear: both; display:inline-block; zoom: 1; padding: 0px; font-family: "dinregular", sans-serif; font-size:1em; text-transform: uppercase; color:#FFFFFF; text-shadow: 0 1px 0 #333333; text-decoration:none; }
.btnPrint span { padding: 10px 12px; display:inline-block; vertical-align:middle; }
.btnPrint .print { font-size: 120%; font-family: "scarlet", sans-serif; padding: 10px 12px 10px 12px; background-color:#38bc15; line-height:1em; border-left: 1px solid #38bc15; }
.btnPrint:hover { text-decoration:none; background-color: #EF3E33; color:#FFFFFF; }
.btnPrint:hover .print { padding: 10px 12px 10px 12px; color:#FFFFFF; border-left: 1px solid #FFFFFF; background-color: #3CC916; }

/* SeviceMobile */
.serviceMobile li { margin-top:10px;}
.serviceMobile li a { color:#333; font-size:1.429em; font-weight:normal; font-family:"dinregular",sans-serif;}
.newTab .qelpInfo { margin-top:30px;}
.qelpInfo .inside { background-color:#F5F5F5; padding:20px;}
.qelpInfo img { display:block;}

/* Pricebox */
.priceBox { color:#EF3E33;}
.priceBox span { font-family: Arial, sans-serif; line-height: 100%;}
.priceBox span.currency { font-size:2.00em; vertical-align:top;}
.priceBox span.price { font-size:6.214em; line-height: 0.793em; font-weight:bold; *line-height: 100%; *margin-top: -20px;}
.priceBox span.price span{ font-size:0.552em;}
.priceBox span.by-month { clear: both; padding-top:5px; text-align:center; font-weight: normal; font-family: Arial, sans-serif; display: block;}


/*Call Back*/
.callBack input[type="text"],
.callBack input[type="password"] { padding:2px; color:#999; border:1px solid #CCC; }
.callBack label.error { display:block; background-color:#EF3E33; color:#FFFFFF; padding:3px; margin-top:5px; margin-bottom:10px; }
table.callback { border: 0; width: 100%; }
table.callback tr td { padding: 5px 0; }
.callBack p.form_submit { text-align:right; padding-top:10px; }
.callBack .form_label { width:60%; }
.callBack .form_field { width:40%; }
.callBack p.form_submit .button { border:none; padding:5px; background-color:#ef3e33; color:#fff; text-decoration:none; text-shadow:0 1px 0 #333333; text-transform: uppercase; }
.callBack p.form_submit .button:hover { color:#fff; text-decoration:none; background-color:#38bc15; }

/*Home*/
.home .scarletBaseLine { text-align:center; margin-top:60px; }
.home .scarletBaseLine h1 { font-size:38px; letter-spacing:inherit; margin-top:30px; }

.home .ico4P { display: inline-block; margin-left:20px;}
.home .icon { display: inline-block; text-align:center;}
.home .icon::before {font-family: "scarlet"; color:#EF3E33; font-size:155px; line-height:100px; vertical-align:middle; text-align:center;}
.home .icon-tv::before {  content: "T";}
.home .icon-internet::before {  content: "I";}
.home .icon-phone::before {  content: "L";letter-spacing: -20px;}
.home .icon-mobile::before {  content: "M";}

.home .bannerHomeMGM { background:url(/img/home/mgmBanner.png) no-repeat right bottom #f5f5f5; }
.home .scarletHomeProduct { margin: 50px 20px 0 20px;}
.home .scarletHomeProduct .col-4-left { margin: 0 10px 0 20px; width: 293px;}
.home .scarletHomeProduct .col-4-center { margin: 0 10px; width: 294px;}
.home .scarletHomeProduct .col-4-right { margin: 0 20px 0 10px; width: 293px;}
.home .scarletHomeProduct .tv {background:url("/img/home/spriteHome.jpg") no-repeat left 0px; height:140px; margin-bottom:20px;}
.home .scarletHomeProduct .abo {background:url("/img/home/spriteHome.jpg") no-repeat left -140px; height:140px; margin-bottom:20px;}
.home .scarletHomeProduct .mgm {background:url("/img/home/spriteHome.jpg") no-repeat left -280px; height:140px; margin-bottom:20px;}

.home .scarletAvantages {background-color:#F5F5F5; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-left:40px; margin-right:40px; }
.home .scarletAvantages h3 { text-align:left;}
.home .scarletAvantages p { font-size:16px;}
.home .scarletAvantages .col-4-left { margin-left:20px; width:280px; margin-bottom:20px;}
.home .scarletAvantages .col-4-center { width:280px; margin-bottom:20px;}
.home .scarletAvantages .col-4-right { margin-right:20px; width:280px; margin-bottom:20px;}

.home .homeServices  { margin:30px 0; overflow:hidden;}
.home .homeServices .col-6-left {background:url("/img/home/spriteHome.jpg") no-repeat center -420px; height:140px;}
.home .homeServices .col-6-right { font-size:16px; color:#000; line-height:22px;}
.home .homeServices .col-6-right ul li { list-style:none; padding-left:35px; margin-bottom:15px; position:relative;}

.icoAvCheck::before { font-family: "scarlet";  content: "p"; color:#000; font-size:24px; vertical-align:top; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position:absolute; left:0;}
.icoHelp::before { font-family: "scarlet";  content: "h"; color:#000; font-size:24px; vertical-align:top; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position:absolute; left:0;}
.icoInbound::before { font-family: "scarlet";  content: "c"; color:#000; font-size:24px; vertical-align:top; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position:absolute; left:0;}

.home .homeServices a { color:#EF3E33; text-decoration:none; white-space:nowrap;}
.home .homeServices a:hover { text-decoration:underline;}
.home .homeServices input { color:#EF3E33; border:none; background:none; font-size:16px; cursor:pointer;}
.home .homeServices input:hover { text-decoration:underline;}


/*Who Are Scarlet*/
.whoAreScarlet { color:#333;}
.whoAreScarlet h1 { font-size:2.286em;}
.whoAreScarlet h2 { font-size:2em; color:#EF3E33;}
.whoAreScarlet h3 {font-size:1.286em;}
.whoAreScarlet p {font-size:1.143em; line-height:1.375em;}
.whoAreScarlet .whoAreScarletIntro h3 { text-align:center; margin-top:0;}
.whoAreScarlet .whoAreScarletIntro .col-6-right { text-align:center;}
.whoAreScarlet .scarletMission { padding-bottom:50px; padding-top:20px; border-top:1px solid #dddddd; }
.whoAreScarlet .scarletMission .col-6-left { text-align:center; padding-top:20px;}
.channels a.youTube { width:40px; background-position:123px 61px;}

.whoAreScarlet .ico4P { display: inline-block;}
.whoAreScarlet .icon { display: inline-block; text-align:center;}
.whoAreScarlet .icon::before {font-family: "scarlet"; color:#EF3E33; font-size:100px; line-height:100px; vertical-align:middle; text-align:center;}
.whoAreScarlet .icon-tv::before {  content: "T";}
.whoAreScarlet .icon-internet::before {  content: "I";}
.whoAreScarlet .icon-phone::before {  content: "L";letter-spacing: -20px;}
.whoAreScarlet .icon-mobile::before {  content: "M";}

.whoAreScarlet .scarletAvantages .col-4-left,
.whoAreScarlet .scarletAvantages .col-4-center,
.whoAreScarlet .scarletAvantages .col-4-right { margin-top:5px;}
.whoAreScarlet .video { text-align:center; margin-top:50px; margin-bottom:50px;}

.whoAreScarlet .scarletAvantages { border-top:1px solid #dddddd;  padding-top:20px; margin-top:0; margin-bottom:20px;}

/*scarletAvantages*/
.scarletAvantages { margin-top:50px; overflow:hidden;}
.scarletAvantages .col-12 { margin-top:0;}
.scarletAvantages .col-4-left { width:293px;}
.scarletAvantages .col-4-center { width:294px;}
.scarletAvantages .col-4-right { width:293px;}
.scarletAvantages h3 { text-align:center; font-size:18px; margin:0 0 20px 0; font-family:Arial, Helvetica, sans-serif;}
.scarletAvantages p { color:#333; line-height:1.375em;}
.icoCheaper::before { font-family: "scarlet";  content: "€"; color:#EF3E33; font-size:28px; vertical-align:top; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-right:5px;}
.icoSimple::before { font-family: "scarlet";  content: "o"; color:#EF3E33; font-size:28px; vertical-align:top; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-right:5px;}
.icoFlexible::before { font-family: "scarlet";  content: "Y"; color:#EF3E33; font-size:28px; vertical-align:top; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-right:5px;}

/*Trio*/

.Trio .trioHeader { margin-bottom:50px;}
.Trio h1 { margin-bottom:20px; font-size:2.286em; letter-spacing:inherit;}
.Trio p { font-size:16px;}
.Trio .col-3 { text-align:center; margin-top:30px;}
.Trio .claim { text-align:left; padding-left:26px; position:relative; display:inline-block; margin-top:15px; font-size:1.143em; font-family:Arial, Helvetica, sans-serif;}
.Trio .claim::before { font-family: "scarlet";  content: "V"; color:#38BC15; font-size:22px; vertical-align:top; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position:absolute; left:0; top:4px;}
.Trio .trioPresentation .icon::before {font-family: "scarlet"; color:#EF3E33; font-size:170px; line-height:120px; vertical-align:middle; text-align:center;}
.Trio .trioPresentation .icon-tv::before {  content: "T";}
.Trio .trioPresentation .icon-internet::before {  content: "I";}
.Trio .trioPresentation .icon-phone::before {  content: "L";}
.Trio .trioPresentation p { clear:both; text-align:center; padding-top:50px; margin-bottom:20px; font-size:16px;}
.Trio .trioPresentation p a { color:#666;}
.Trio .trioInfo .priceBox { display:inline-block; color:#666666; position:relative; height:120px; font-size:14px;}
.Trio .trioInfo .priceBox .price { font-size:9.857em;}
.Trio .trioInfo .priceBox .currency { font-size:5.143em; font-weight:bold;}
.Trio .trioInfo .priceBox .by-month { font-size:1.286em; position:absolute; right:0; bottom:10px; line-height:1.111em; width: 58px; text-align:right;}
.Trio .trioInfo .btnBestel { margin-top:0; margin-bottom:0;}
.Trio .trioInfo .btnBestel a.button { font-size:18px;}
.Trio .callBack { margin:10px 0;  clear:both; text-align:center;}
.Trio .callBack .icoPhone { vertical-align:middle; display:inline-block; width:24px; height:24px; background:url(/img/siteElement/sprite.png) no-repeat 0 -300px; padding-right:5px;}
.trioBody h2 { margin-top:0px; font-size:2em;}
.trioTVDigitale { background-color:#FCFCFC; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; margin:50px 20px 0 20px; padding:50px 0 10px 0;}
.trioTVDigitale h2::before { font-family: "scarlet";  content: "T"; color:#EF3E33; font-size:28px; vertical-align:top; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-right:5px;}
.trioTVDigitale p { font-size:18px; line-height:21px; color:#333333; margin-top:5px;}
.trioTVDigitale p.floatLeft {width:450px;}
.trioTVDigitale .col-12 { margin:0px 20px;}
.Trio .international-sports{background:#EF3E33;border-radius: 20px;overflow: hidden;}
.Trio .international-sports:after{clear:both;display:block;content: ''}
.Trio .international-sports img{float:left;}
.Trio .international-sports p{float:left;width:550px;color:#FFFFFF;padding:41px 10px;}
.Trio .international-sports .btnRound{float:left;width:auto; padding:0;margin-top: 62px;}
.trioTVDigitale .row { margin-bottom:30px;}
.channels { text-align:left;}
.channels span { display:inline-block;height:50px; overflow:hidden; text-indent:-9999px; background:url(/img/product/trio/trioSprite.jpg) no-repeat 0px 0px; margin:0 3px 5px 3px; vertical-align:middle;}
.bouket h3 { margin:0 20px;}
.bouket .col-6-left-border { margin-left:20px; margin-top:10px;}
.bouket .col-6-right-border-empty { margin-right:20px; margin-top:10px;}
.bouket .channels { float: right;  margin: 0 70px;  text-align: center; width: 310px;}
.fr .channels span.laUne { width:56px; background-position:0px -568px;}
.fr .channels span.laDeux { width:56px; background-position:-74px -568px;}
.fr .channels span.laTrois { width:56px; background-position:-147px -568px;}
.fr .channels span.RTL { width:78px; background-position:-215px -568px;}
.nl .channels span.laUne { width:36px; background-position:0px -1083px;}
.nl .channels span.laDeux { width:36px; background-position:-47px -1083px;}
.nl .channels span.laTrois { width:34px; background-position:-94px -1083px;}
.nl .channels span.RTL { width:49px; background-position:-137px -1083px;}
.fr .channels span.een { width:51px; background-position:-242px -768px;}
.nl .channels span.een { width:55px; background-position:-0px -933px;}
.fr .channels span.Canvas { width:51px; background-position:-145px -768px;}
.nl .channels span.Canvas { width:59px; background-position:-62px -933px;}
.fr .channels span.Ketnet { width:29px; background-position:-206px -768px;}
.nl .channels span.Ketnet { width:34px; background-position:-258px -983px;}
.channels span.ClubRTL { width:45px; background-position:0px -618px;}
.channels span.France2 { width:23px; background-position:-62px -618px;}
.channels span.France3 { width:23px; background-position:-107px -618px;}
.channels span.France4 { width:23px; background-position:-152px -618px;}
.channels span.France5 { width:23px; background-position:-196px -618px;}
.channels span.TF1 { width:56px; background-position:-237px -618px;}
.channels span.plugRTL { width:46px; background-position:0px -668px;}
.channels span.AB3 { width:37px; background-position:-56px -668px;}
.channels span.AB4 { width:56px; background-position:-98px -668px;}
.channels span.TV5monde { width:74px; background-position:-158px -668px;}
.channels span.LCI { width:56px; background-position:-237px -668px;}
.channels span.discoveryChannel { width:55px; background-position:0px -718px;}
.channels span.nikelodeon { width:60px; background-position:-64px -718px;}
.channels span.disneyChannel { width:42px; background-position:-132px -718px;}
.channels span.disneyXD { width:46px; background-position:-182px -718px;}
.channels span.disneyJunior { width:56px; background-position:-237px -718px;}
.channels span.eurosport1 { width:76px; background-position:0px -768px;}
.channels span.BRFTV { width:53px; background-position:-84px -768px;}
.channels span.MTV { width:38px; background-position:0px -818px;}
.channels span.BBCOne { width:45px; background-position:-44px -818px;}
.channels span.BBCTwo { width:45px; background-position:-97px -818px;}
.channels span.mediasetItalia { width:70px; background-position:-153px -818px;}
.channels span.viceland { width:73px; background-position:-200px -1083px;}

.channels span.VTM { width:58px; background-position:-126px -933px;}
.channels span.vier { width:46px; background-position:-189px -933px;}
.channels span.vijf { width:40px; background-position:-248px -933px;}
.channels span.zes { width:28px; background-position:-244px -1033px;}
.channels span.BE2 { width:42px; background-position:0px -983px;}
.channels span.NPO1 { width:48px; background-position:-49px -983px;}
.channels span.NPO2 { width:48px; background-position:-104px -983px;}
.channels span.NPO3 { width:48px; background-position:-159px -983px;}
.channels span.vitaya { width:32px; background-position:-215px -983px;}
.channels span.kadet { width:58px; background-position:0px -1033px;}
.channels span.comedyCentral { width:48px; background-position:-63px -1033px;}
.channels span.kzoom { width:60px; background-position:-117px -1033px;}
.channels span.caz { width:54px; background-position:-183px -1033px;}

.channels span.JupLeague { width:59px; height:65px; background-position:0px -868px;}
.channels span.MSpass { width:46px; height:65px; background-position: -77px -868px;}
.channels span.DisneyCinema { width:76px; height:65px; background-position: -136px -868px;}
.channels span.RTLSeries { width:65px; height:65px; background-position:-228px -868px;}

.channels span.replay { width:46px; height:65px; background-position:-230px -808px;}


.trioTVDigitale .linkPDF { font-size:14px;}


.trioInternet {  border-bottom: 1px solid #dddddd;   margin: 50px 20px;  overflow: hidden; }
.trioInternet .col-6-left {background:url(/img/product/trio/trioSprite.jpg) no-repeat center 0px; height:163px; margin-left:20px; margin-bottom:50px; margin-top:5px;}
.trioInternet .col-6-right {margin-bottom:50px; margin-top:0; margin-right:20px;}
.trioInternet h2::before { font-family: "scarlet";  content: "I"; color:#EF3E33; font-size:28px; vertical-align:top; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-right:5px;}
.trioInternet p { font-size:18px; color:#333; margin-bottom:5px;}
.trioInternet p.AvCheckForm { font-size:14px;}
.trioInternet p.AvCheckForm .btnBestel { margin-bottom:0;}
.trioInternet p.AvCheckForm .btnBestel a.button .arrow { font-size:1em; line-height:1em;}
.trioTelFixe {  border-bottom: 1px solid #dddddd; margin: 50px 20px 0 20px; overflow: hidden; padding-bottom:39px; }
.trioTelFixe h2::before { font-family: "scarlet";  content: "L"; color:#EF3E33; font-size:28px; vertical-align:top; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-right:5px;}
.trioTelFixe h3 { text-align:center; font-size:18px; margin:0 0 20px 0; font-family:Arial, Helvetica, sans-serif;}
.trioTelFixe h3 strong { display:block; padding-top:5px;}
.trioTelFixe .col-12 { margin:0px 20px;}
.trioTelFixe .col-4-left { width:293px; margin:0 10px 0 20px;}
.trioTelFixe .col-4-center { width:294px; margin:0 10px;}
.trioTelFixe .col-4-right { width:293px; margin:0 20px 0 10px;}
.trioTelFixe .fixeBEImg {background:url(/img/product/trio/trioSprite.jpg) no-repeat center -163px; height:135px;}
.trioTelFixe .fixeMobImg {background:url(/img/product/trio/trioSprite.jpg) no-repeat center -298px; height:135px;}
.trioTelFixe .fixeInterImg {background:url(/img/product/trio/trioSprite.jpg) no-repeat center -433px; height:135px;}
.trioTelFixe .fixeBEOpt p { float:left; width:50%; text-align:center; margin-top:20px; color:#333;}
.trioTelFixe .fixeMobOpt p { float:left; width:50%; text-align:center; margin-top:20px; color:#333;}
.trioTelFixe .fixeInterOpt p {text-align:center; margin-top:20px; color:#333;}
.trioTelFixe .fixeBEOpt p strong,
.trioTelFixe .fixeMobOpt p strong,
.trioTelFixe .fixeInterOpt p strong { display:block; font-size:1.5em; margin-top:10px; color:#666;}
.trioTelFixe .fixeBEOpt p strong.green { color:#38bc15;}
.trioTelFixe .fixeBEOpt p strong .by-month,
.trioTelFixe .fixeMobOpt p strong .by-month,
.trioTelFixe .fixeInterOpt p strong .by-month { font-size:0.667em; font-weight:normal; color:#333;}
.trioTelFixe .btnRound { margin-top:10px;}
.trioResum { background-color:#F5F5F5; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow:hidden; clear:both; padding:20px; margin:50px 40px 0 40px; }
.trioResum .col-12 { margin:0;}
.trioResum .col-6-left {margin: 0 10px 0 0; width:430px;}
.trioResum .col-6-right {margin: 0 0 0 10px; width:430px;}
.trioResum h3 { margin-top:0; margin-bottom:20px; font-size:20px;}
.trioResum h3 strong { font-family:Arial, Helvetica, sans-serif;}
.trioResum li { font-size:16px; list-style:none; color:#333; padding-bottom:5px;}
.trioResum li::after {font-family: "scarlet";  content: "V"; color:#38bc15; font-size:14px; float:right; margin-right:5px; vertical-align:top; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.trioResum .btnBestel { text-align:center;}
#trioTarifs { overflow:hidden;}
#trioTarifs h3 { margin-top:0;}
#trioTarifs p { font-size:14px; padding-right:20px;}
#trioTarifs p.floatRight { padding-right:0;}
#trioTarifs p.btnRound { padding-top:20px; padding-right:0;}
.Trio .info-desc { margin-top:20px;}
.Trio .info-desc p { font-size:12px; margin-bottom:5px;}

.Trio .promoPartner { text-align:center;}

.replay h3 { color: #ef3e33; font-size: 1.786em; margin-bottom: 15px; margin-top:0;}
.replay p { font-size: 16px; line-height: 20px;}
.replayHeader {  border-bottom: 1px solid #dddddd; padding-bottom:50px;  margin-bottom: 30px; margin-top:10px;}
.replayHeader h1 { font-size:2.286em; margin-top:0;}
.replayHeader h3 { margin-top:0; color:#000;}  
.replayHeader p {  color: #000; font-size: 1.143em; line-height: 1.5em;} 
.replayHeader .col-6-right { display:block; height:140px; width:450px; overflow:hidden; text-indent:-9999px; background:url(/img/product/trio/spriteTvReplay.jpg) no-repeat center 0; vertical-align:middle;} 
.replayChoice { border-bottom: 1px solid #dddddd; padding-bottom:50px;  margin-bottom: 30px;}
.replayChoice h2 { color: #ef3e33; font-size: 1.786em; margin-bottom: 15px; text-align:center; margin-top:0;}
.replayChoice h3 {text-align:center; color:#000; font-size:20px; font-family:Arial, Helvetica, sans-serif;}
.replayChoice h3 strong { font-size:24px; color:#EF3E33;}
.replayChoice ul { min-height:100px;}
.replayChoice ul li { margin-bottom:8px;}
.replayChoice ul li strong { color:#000;}

.replayHowTo { margin:50px 0; padding:50px 0; border-bottom: 1px solid #dddddd; border-top: 1px solid #dddddd;}
.replayHowTo img { vertical-align:middle;}
.replayOrder { padding-bottom:30px;}
.replayOrder .col-12,
.replayHowTo .col-12 { margin-top:0;}

.replay .boxGrey { background-color:#F5F5F5; max-width:410px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-size:14px; max-width:294px; margin:0 auto; }
.replay .boxGrey p {font-size:1.143em; line-height:1.438em; color:#000; margin-bottom:0; padding:15px 20px;} 
.replay .boxGrey .icoTvReplay {display:block; height:50px; width:50px; overflow:hidden; text-indent:-9999px; background:url(/img/product/trio/spriteTvReplay.jpg) no-repeat -242px -240px; margin:10px auto 0 auto; vertical-align:middle;} 


.channelsReplay span { display:inline-block;height:50px; overflow:hidden; text-indent:-9999px; background:url(/img/product/trio/spriteTvReplay.jpg) no-repeat 0px 0px; margin:0 4px; vertical-align:middle;}
.channelsReplay span.laUne { width:40px; background-position:0px -140px;}
.channelsReplay span.laDeux { width:42px; background-position:-44px -140px;}
.channelsReplay span.laTrois { width:42px; background-position:-90px -140px;}
.channelsReplay span.RTL { width:52px; background-position:-137px -140px;}
.channelsReplay span.ClubRTL { width:48px; background-position:-194px -140px;}
.channelsReplay span.een { width:48px; background-position:-246px -140px;}
.channelsReplay span.vier { width:32px; background-position:0px -190px;}
.channelsReplay span.vijf { width:35px; background-position:-35px -190px;}
.channelsReplay span.zes { width:33px; background-position:-56px -290px;}
.channelsReplay span.VTM { width:51px; background-position:-73px -190px;}
.channelsReplay span.vitaya { width:34px; background-position:-126px -190px;}
.channelsReplay span.AB3 { width:39px; background-position:-166px -190px;}
.channelsReplay span.plugRTL { width:48px; background-position:-211px -190px;}
.channelsReplay span.kzoom { width:62px; background-position:0px -240px;}
.channelsReplay span.kadet { width:60px; background-position:-72px -240px;}
.channelsReplay span.Canvas { width:45px; background-position:-145px -240px;}
.channelsReplay span.Ketnet { width:36px; background-position:-198px -240px;}
.channelsReplay span.caz { width:46px; background-position:0px -290px;}


/*channelsPage*/
.channelsPage { margin-left:40px;}
.channelOffer { overflow:hidden;}
.channelsPage .column { float:left; width:293px; margin-right:20px;}
.channelType { height:auto !important;}
.channelBox { border:1px solid #DDD;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:10px 20px; margin-bottom:20px;}
.channelType h3 { font-size:18px; font-weight:bold; margin-bottom:15px; font-family:Arial, Helvetica, sans-serif; color:#EF3E33;}
.channelType h3 span { display:block; margin-top:2px; color:#333; font-size:14px; font-weight:normal;}
.channelType ul { list-style:none; font-size:16px; color:#333;}
.channelType ul li { padding-bottom:5px;}
.channelType ul li span { display:inline-block; min-width:32px; text-align:right;}


/*OptionTV*/

.optionTv { font-size:16px;}
.optionTv h2 {text-align:left; margin-left: 40px;color: #EF3E33;font-size: 28px;}
.optionTv h3 {font-size: 20px;}
.optionTv h4.price {font-family:Arial, Helvetica, sans-serif; font-size:18px;}
.optionTvHeader {border-bottom: 1px solid #dddddd; padding-bottom:50px;}
.optionTvHeader h1 {font-size: 32px; margin-top:0;}
.optionTvHeader .boxGrey { background-color:#F5F5F5; max-width:410px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-size:14px; max-width:254px; margin:0 auto; padding:15px 20px; }
.optionTvHeader .boxGrey h4 { color:#EF3E33; margin-top:0; font-size:24px;}
.optionTvHeader p {  color: #000; line-height: 1.5em;} 
.optionTvHeader .boxGrey {padding-top: 15px;padding-left: 20px; width:254px; padding-right: 20px;padding-bottom: 15px;}
.optionTvHeader .boxGrey h4 {color: #EF3E33;font-size: 24px;margin-top: 0;}
.optionTvHeader .boxGrey p {font-size: 16px;}
.optionTv .bouquets { margin-top:30px;}
.optionTv .pass {border-top: 1px solid #dddddd; padding-top:30px; margin-top:50px;}

.optionTv .col-4-left { width:293px; margin:0 10px 0 40px;}
.optionTv .col-4-center { width:294px; margin:0 10px;}
.optionTv .col-4-right { width:293px; margin:0 40px 0 10px;}
.bouquets .img { background:url(/img/product/trio/spriteBouquets.jpg) no-repeat 0 0; width:293px; height:140px; margin:15px 0;}
.pass .img { background:url(/img/product/trio/spriteBouquets.jpg) no-repeat 0 0; width:293px; height:136px; margin:15px 0;}
.bouquets h3,
.pass h3 { margin-top:0; color:#000;}
.pass .row2 { margin-top:20px;}
.optionTv .col-4-left p,
.optionTv .col-4-center p,
.optionTv .col-4-right p { min-height:60px;}
.nl .pass p { min-height:inherit;}
.optionTv .bouquets p,
.optionTv .pass p { line-height:20px;}
.optionTv p a.moreInfoLinkBouket { white-space:nowrap;}
.optionTv p a.moreInfoLinkBouket.open { color:#333;}
.optionTv .entertainmentBouquet {background-position:0 0;}
.optionTv .kidsBouquet {background-position:0 -280px;}
.optionTv .adultBouquet {background-position:0 -420px;}
.optionTv .MoviesSeriesPass {background-position:0 -696px;}
.optionTv .RTLselectPass {background-position:0 -968px;}
.optionTv .RTLseriesPass {background-position:0 -832px;}
.optionTv .VRTPass {background-position:0 -1103px;}
.optionTv .adultPass {background-position:0 -560px;}
.optionTv .footBouquet {background-position: 0 -140px;}
.optionTv .footBouquet h3, .optionTv .intsportsBouquet h3 { margin-top:20px;}
.optionTv .footBouquet h4, .optionTv .intsportsBouquet h4{ margin-top:0;}
.optionTv .footBouquet p, .optionTv .intsportsBouquet p {  min-height:inherit;}
.optionTv .footBouquet .img {    background-position: 0 -140px;margin:0;}
.optionTv .intsportsBouquet .img{background-position:0 -1240px;margin: 0;}

.optionTv #howTo {border-top: 1px solid #dddddd; margin-top:50px; padding-top:30px; margin-bottom:30px;}
.optionTv #howTo h3 a { color:#333;}
.optionTv #howTo li { padding-bottom:5px;}

.optionTv .bouquets .col-4-left { margin-left:40px;}
.optionTv .bouquets .col-8-right { width:607px;}
.optionTv .iconMenu { display:inline-block; color:#FFF; background-color:#333; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:12px; padding:2px 3px; vertical-align:top;}
.optionTv .moreInfoBouquet  { background:#F5F5F5; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:10px 20px;}
.optionTv .moreInfoBouquet h4 { font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.optionTv .moreInfoBouquet li { font-size:14px; }


/*Postpaid*/

#postpaidLanding .col-8-left { border-right:1px solid #DDD; padding-right:9px; margin-right:0; }
#postpaidLanding h2,
#postpaidLanding .btnBestel {text-align:center; }
#postpaidLanding h2 { color:#EF3E33; font-size:24px;}
#postpaidLanding .row .col-4-right .btnBestel,
#postpaidLanding .row .col-4-right h2 { text-align:center; }
#postpaidLanding .btnBestel { margin-top:10px;}
#postpaidLanding .postpaidTriptyque { margin-top:50px;}
#postpaidLanding .postpaidPresentation { position:relative; height:360px;}
#postpaidLanding .colPostpaid { position:absolute; padding:0; width:auto;}
#postpaidLanding .colPostpaid .postpaidCard {-webkit-box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);}
#postpaidLanding #postpaidRed { top:15px; left:20px; -webkit-transform: rotate(-4deg); -moz-transform:rotate(-4deg); -ms-transform: rotate(-4deg); -o-transform: rotate(-4deg); transform: rotate(-4deg);}
#postpaidLanding #postpaidHot { top:10px; left:209px;}
#postpaidLanding #postpaidHot .postpaidCard {border-color:#FAC5c1;}
#postpaidLanding #postpaidChili { top:15px; left:400px;-webkit-transform: rotate(4deg); -moz-transform:rotate(4deg); -ms-transform: rotate(4deg); -o-transform: rotate(4deg); transform: rotate(4deg);}
#postpaidLanding #postpaidChili .postpaidCard {border-color:#EF3E33;}
#postpaidLanding #postpaidHiFive { position:relative; margin:35px auto 45px auto; width:inherit;}
#postpaidLanding #postpaidHiFive .postpaidCard {border-color:#EF3E33; background:url(/img/product/postpaid/bgHiFiveCard.jpg) center no-repeat #EF3E33; color:#FFF;}
#postpaidLanding #postpaidHiFive h3 { color:#FFF;}
#postpaidLanding #postpaidHiFive h3:before { background-position:-150px -329px;}
#postpaidLanding #postpaidHiFive .hifiveValueMB { margin:0 20px 2px 45px; font-weight:bold; font-size:24px; line-height:1.083em;}
#postpaidLanding #postpaidHiFive .hifiveValueMIN,
#postpaidLanding #postpaidHiFive .hifiveValueSMS { margin:0 10px 2px 45px; font-weight:bold; font-size:16px; line-height:1.083em;}
#postpaidLanding #postpaidHiFive .priceBox { color:#FFF; border-color:#FFF; margin-top:8px;}
#postpaidLanding #postpaidHiFive .hifiveOption { margin-bottom:0; padding:10px; overflow:hidden; position:relative;}
#postpaidLanding #postpaidHiFive .hifiveOption::after { content:" "; position:absolute; background-color:#000; top:0; left:0; right:0; bottom:0; z-index:1; border-top:#FFF 1px solid; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); -moz-opacity: 0.2; -khtml-opacity: 0.2; opacity: 0.2;}
#postpaidLanding #postpaidHiFive .hifiveOption .checkBox { width:16px; height:16px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color:#FFF; border:2px solid #DDD; display:inline-block; vertical-align:top; font-family: "scarlet",sans-serif; color:#38bc15; position:relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; float:left; margin-top:5px; z-index:2; position:relative;}
#postpaidLanding #postpaidHiFive .hifiveOption .checkBox span { font-size:22px; position:absolute; bottom:0; left:-1px;text-shadow:0 2px 2px #333333;}
#postpaidLanding #postpaidHiFive .hifiveOption .text { display:inline-block; float:left; width:147px; padding-left:13px; z-index:2; position:relative;}


.postpaid { font-size:14px;}
.postpaid h1 { margin-bottom:5px; font-size:2.286em; letter-spacing:inherit;}
.postpaid .postpaidHeader { margin-bottom:50px;}
.postpaid .infoRoaming { text-align:center; font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#666; margin-bottom:20px;}
.postpaidPresentation { padding:0 10px; overflow:hidden; margin-top:30px; position:relative;}
.colPostpaid { width:240px; float:left; padding:0 30px; position:relative;}
.colPostpaid .postpaidCard { width:200px; margin:0 auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow:hidden;}
#postpaidRed .postpaidCard { border: 1px solid #dddddd; color:#EF3E33; background-color:#FFF;}
#postpaidHot .postpaidCard {border:1px solid #dddddd; background:#FAC5c1; color:#000000;}
#postpaidChili .postpaidCard {border:1px solid #dddddd; background-color:#EF3E33; color:#FFF;}

.vB .customInfo { font-size:1.143em; margin-top:10px;}
.vB .colPostpaid .postpaidCard h3 { font-size:30px; font-weight:bold; padding:0 20px 0 45px; margin-top:15px; height:90px; line-height:26px; font-family:Arial, Helvetica, sans-serif;	}
.vB #postpaidRed .postpaidCard h3 { color:#EF3E33;}
.vB #postpaidHot .postpaidCard h3 { color:#000000;}
.vB #postpaidChili .postpaidCard h3 { color:#FFFFFF;}
.vB .colPostpaid .postpaidCard h3:before { display:block; width:72px; height:65px; background:url(/img/product/postpaid/postpaidSprite2.png) no-repeat 0 -329px; vertical-align:middle; content:" "; margin-left:25px;}
.nl .vB .colPostpaid .postpaidCard h3:before { background-image:url(/img/product/postpaid/postpaidSpriteNL2.png);}
.vB #postpaidHot .postpaidCard h3:before { background-position:-75px -329px;}
.vB #postpaidChili .postpaidCard h3:before { background-position:-150px -329px;}
.vB .colPostpaid .postpaidCard h3 .scarletFont { font-weight:normal; font-size:0.667em; vertical-align:top; line-height:0.667em;}
.vB .colPostpaid .postpaidForfait .postpaidValue { display:block; margin:0 20px 0 45px; font-weight:bold; font-size:1.714em; line-height:1.083em;}
.vB .colPostpaid .postpaidForfait .postpaidMBContent { list-style:none; margin-bottom:8px;}
.vB .colPostpaid .postpaidForfait .postpaidMBContent a { font-size:1.286em; color:#EF3E33; text-decoration:none; margin:6px 20px 6px 45px; line-height:22px; display:block;}
.vB .colPostpaid .postpaidForfait .postpaidMBContent a span { line-height:22px;}
.vB .colPostpaid .postpaidForfait .postpaidMBContent a .postpaidValueMB:before { background:url(/img/product/postpaid/postpaidSprite2.png) no-repeat -229px -354px; width:22px; height:22px; float:left; content:" "; margin-right:6px;}
.nl .vB .colPostpaid .postpaidForfait .postpaidMBContent a .postpaidValueMB:before { background-image:url(/img/product/postpaid/postpaidSpriteNL2.png);}
.vB #postpaidHot .postpaidForfait .postpaidMBContent a .postpaidValueMB:before { background-position: -255px -355px;}
.vB #postpaidChili .postpaidForfait .postpaidMBContent a .postpaidValueMB:before { background-position: -280px -355px;}
.vB #postpaidRed .postpaidForfait .postpaidMBContent a:hover .postpaidValueMB:before, 
.vB #postpaidRed .postpaidForfait .postpaidMBContent a.selected .postpaidValueMB:before { background-position: -229px -329px;}
.vB #postpaidRed .postpaidForfait .postpaidMBContent a.selected .postpaidValueMB:before { vertical-align:-2px;}
.vB #postpaidHot .postpaidForfait .postpaidMBContent a:hover .postpaidValueMB:before,
.vB #postpaidHot .postpaidForfait .postpaidMBContent a.selected .postpaidValueMB:before { background-position: -254px -329px;}
.vB #postpaidChili .postpaidForfait .postpaidMBContent a:hover .postpaidValueMB:before,
.vB #postpaidChili .postpaidForfait .postpaidMBContent a.selected .postpaidValueMB:before { background-position: -279px -329px;}
.vB .colPostpaid .postpaidForfait .postpaidMBContent a .price { display:none;}
.vB .colPostpaid .postpaidForfait .postpaidMBContent a.selected { font-size:1.714em; font-weight:bold; text-decoration:none; }
.vB .colPostpaid .postpaidForfait .postpaidMBContent a.redPlus .price { display:inline; color:#999;}
.vB .colPostpaid .postpaidForfait .postpaidMBContent a.redPlus .price:before { margin-left:5px; font-family: "scarlet";  content: "o"; color:#38bc15; font-size:18px; vertical-align:top; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.vB .colPostpaid .postpaidForfait .postpaidMBContent a.selected .price { display:none;}
.vB .colPostpaid .postpaidForfait .postpaidMBContent a .price .currency { vertical-align:top; font-size:0.556em; line-height:14px; }
.vB #postpaidHot .postpaidForfait .postpaidMBContent a { color:#000000;}
.vB #postpaidChili .postpaidForfait .postpaidMBContent a { color:#FFFFFF;}
.vB .colPostpaid .postpaidForfait .postpaidMBContent a:hover {}
.vB .colPostpaid .postpaidForfait .postpaidMBContent .selected a { font-size:1.714em;}

.vB .colPostpaid .postpaidCard .priceBox { font-size:1.143em; margin:15px 20px 0 20px; padding-bottom:18px; padding-top:10px; text-align:center; border-top:2px solid #ef3e33;}
.vB #postpaidHot .postpaidCard .priceBox { color:#000000; border-top:2px solid #000000;}
.vB #postpaidChili .postpaidCard .priceBox { color:#FFFFFF; border-top:2px solid #FFFFFF;}
.vB .colPostpaid .postpaidCard .priceBox .price { font-size:2.375em;}
.vB .colPostpaid .postpaidCard .priceBox .currency { font-weight:bold; font-size:1.429em; vertical-align:top; line-height:0.667em;}
.vB .colPostpaid .postpaidCard .priceBox span.by-month { display:inline;}
.vB .colPostpaid .btnBestel { text-align:center; margin-top:20px;}

.vB .infoBull { position:absolute; z-index:200; background:url(/img/product/postpaid/infoBull.png) no-repeat 0 0; width:55px; height:90px; padding:15px 10px 0 10px; text-align:center; font-size:12px; right:-6px; top:125px; display:none;}
.postpaid .infoBull a { display:block; width:15px; height:15px; overflow:hidden; text-indent:-9999px; position:absolute; top:5px; right:2px;}




.postpaid .callBack { margin:10px 0;  clear:both; text-align:center;}
.postpaid .callBack .icoPhone { vertical-align:middle; display:inline-block; width:24px; height:24px; background:url(/img/siteElement/sprite.png) no-repeat 0 -300px; padding-right:5px;}

.postpaidBody p { font-size:1.143em; line-height:1.5em; color:#333333;}
.fr .postpaidRoaming { border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; overflow:hidden; margin:50px 20px; position:relative; background:#fcfcfc;}
.nl .postpaidRoaming { border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; overflow:hidden; margin:50px 20px; position:relative; background:#fcfcfc;}
.postpaidRoaming .RoamingOutOpen{ overflow:hidden;}
.fr .postpaidRoaming .RoamingOutOpen { background:url(/img/product/postpaid/RoamingOutBgFR.png) no-repeat 100px 60px;}
.nl .postpaidRoaming .RoamingOutOpen { background:url(/img/product/postpaid/RoamingOutBgNL.png) no-repeat 100px 60px;}
.postpaidRoaming .col-6-left { margin-left:20px; margin-top:0;}
.postpaidRoaming .col-6-right {margin:25px 20px 14px 10px;}
.postpaidRoaming h3 { margin-top:0;}
.postpaidRoaming iframe { border:0; position:absolute; bottom:0;}
.postpaidRoaming #roaming p { line-height:1.125em;}
.postpaidRoaming #roaming .smallLink { font-size:0.875em; color:#333;}
.postpaidRoaming #roaming p span { font-size:0.875em; color:#666666;}

.postpaidTriptyque { margin:0 0 50px 0; overflow:hidden;}
.postpaidTriptyque h3,
.postpaidTriptyque p { padding-left:10px; padding-right:10px;}
.imgTop { border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; height:150px;}
.postpaid .postpaidTarifs { margin-left:20px; margin-right:0; width:323px; margin-top:0;}
.postpaidTarifs .imgTop {background:url(/img/product/postpaid/postpaidSprite.jpg) no-repeat left -150px;}
.postpaidTarifs h3,
.postpaidTarifs p { padding-left:20px;}
.postpaid .postpaid4G { margin-left:0; margin-right:0; width:314px; margin-top:0;}
.fr .postpaid4G .imgTop {background:url(/img/product/postpaid/postpaidSprite.png) no-repeat center 0 #fafafa;}
.nl .postpaid4G .imgTop {background:url(/img/product/postpaid/postpaidSpriteNL.png) no-repeat center 0 #fafafa;}
.postpaid4G h3 span { display:block;}
.postpaid .postpaidAppConso { margin-left:0; margin-right:20px; width:323px; margin-top:0;}
.postpaidAppConso .imgTop {background:url(/img/product/postpaid/postpaidSprite.jpg) no-repeat right 0;}
.postpaidAppConso h3 { padding-right:20px;}
.postpaidAppConso p { padding-right:20px; margin-bottom:3px;}
.icoAppStore { display:inline-block; width:82px; height:25px; background:url(/img/siteElement/sprite.png) no-repeat 0 -350px;}
.icoPlayStore { display:inline-block; width:82px; height:25px; background:url(/img/siteElement/sprite.png) no-repeat 0 -400px;}

.postpaidBoostInternet {border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; margin:50px 20px; overflow:hidden; clear:both;}
.fr .postpaidBoostInternet .col-6-left {background:url(/img/product/postpaid/postpaidSprite.png) no-repeat center -149px #FFFFFF; height:180px; margin-left:0; margin-bottom:25px; margin-top:25px;}
.nl .postpaidBoostInternet .col-6-left {background:url(/img/product/postpaid/postpaidSpriteNL.png) no-repeat center -149px #FFFFFF; height:180px; margin-left:0; margin-bottom:25px; margin-top:25px;}
.postpaidBoostInternet .col-6-right {margin-bottom:40px; margin-top:40px;}
.postpaidBoostInternet h3 { margin-top:0; color:#EF3E33;}
.postpaidBoostInternet p { color:##333333;}
.postpaidBoostInternet .btnBestel { margin-bottom:0;}
.postpaidBoostInternet .btnBestel .button { font-size:1.143em;}
.postpaidBoostInternet .btnBestel .button em { font-style:normal;}
.postpaidBoostInternet #infoBoost { margin-bottom:20px;}
.postpaidBoostInternet #infoBoost p { line-height:1.125em;}
.postpaidBoostInternet .info-desc { font-size:0.875em;}

.postpaidS2S { margin:50px 20px; overflow:hidden; border-bottom:1px solid #dddddd; }
.postpaidS2S .col-6-left {margin-bottom:50px; margin-top:0; margin-left:20px;}
.postpaidS2S .col-6-right {background:url(/img/product/postpaid/postpaidSprite.jpg) no-repeat center -470px; height:160px; margin-right:20px; margin-bottom:50px; margin-top:0;}
.postpaidS2S h3 { margin-top:0;}
.postpaidS2S #infoS2S p { line-height:1.125em;}

.postpaidMGM { margin:50px 20px; overflow:hidden;}
.postpaidMGM .col-6-right {margin-bottom:0; margin-top:0; margin-right:20px;}
.postpaidMGM .col-6-left {background:url(/img/product/postpaid/postpaidSprite.jpg) no-repeat center -300px; height:170px; margin-left:20px; margin-bottom:0; margin-top:0;}
.postpaidMGM h3 { margin-top:0;}


.postpaidHifive { margin:50px 20px; overflow:hidden; border-top:1px solid #dddddd; padding-top:50px; }
.postpaidHifive .col-6-left {margin-bottom:0; margin-top:10px; margin-left:20px;}
.fr .postpaidHifive .col-6-right {background:url(/img/product/postpaid/postpaidSprite.png?version=20170624) no-repeat center -572px; height:144px; margin-right:20px; margin-bottom:0; margin-top:0;}
.nl .postpaidHifive .col-6-right {background:url(/img/product/postpaid/postpaidSpriteNL.png?version=20170624) no-repeat center -572px; height:144px; margin-right:20px; margin-bottom:0; margin-top:0;}
.postpaidHifive h3 { margin-top:0;}

.postpaid .promoPartner { text-align:center; font-size:18px; text-align:center; padding-top:20px;}
.postpaid .promoPartner img { vertical-align:middle;}


.postpaid .postpaidSummerProduct { margin:0 20px; text-align:center; overflow:hidden; background:url(/img/product/postpaid/summerProd.jpg) no-repeat 710px 8px; min-height:110px;}
.postpaid .postpaidSummerProduct .col-8-left { margin:0; padding-top:40px;}
.postpaid .postpaidSummerProduct h3 { display:inline-block; vertical-align:middle; margin: 0 20px 0 0;}
.postpaid .postpaidSummerProduct .btnBestel { display:inline-block; vertical-align:middle; margin:0;}
.postpaid .postpaidSummerProduct .btnBestel a { vertical-align:middle;}

.overlayRoaming { display:block; position:absolute; left:130px; top:30px;}

.tarifsResume h1 { font-size:2.143em;}
.tarifsResume h2 { font-size:1.571em;}
.tarifsResume h3 { font-size:1.429em; margin:0;}
.tarifsResume h4 { font-size:1.143em;}
.tarifsResume .row table { border-collapse:collapse; margin-bottom:10px; width:100%;}
.tarifsResume .row table thead th { text-align:left; padding:5px 5px; border-bottom:1px solid #AAA;}
.tarifsResume .row table thead td { text-align:right; padding:5px 5px; font-weight:bold; border-bottom:1px solid #AAA;}
.tarifsResume .row table tbody th { text-align:left; padding:4px 5px; font-weight:normal; border-bottom:1px solid #AAA; width:290px;}
.tarifsResume .row table tbody td { text-align:right; padding:4px 5px; border-bottom:1px solid #AAA;}
.tarifsResume .row table .include th,
.tarifsResume .row table .include td { background:#F5F5F5;}
.tarifsResume .col-6-left,
.tarifsResume .col-6-right { margin-top:0;}
.tarifsResume .zoneRoaming { margin-top:0;}
.tarifsResume .roamingEUInfo { background-color:#F5F5F5; padding:20px; margin-bottom:20px;}
.tarifsResume .roamingEUInfo h2 { margin-top:0;}
.tarifsResume .roamingEUInfo h3 { margin-bottom:5px;}
.tarifsResume .roamingEUInfo p { color:#000;}
.tarifsResume .roamingEUInfo a { white-space:nowrap;}

.tarifsResume .roamingEUInfo table { border-collapse:collapse; margin-bottom:10px; width:100%;}
.tarifsResume .roamingEUInfo table img { vertical-align:middle;}
.tarifsResume .roamingEUInfo table thead th { text-align:left; padding:8px 5px;}
.tarifsResume .roamingEUInfo table thead td { text-align:left; padding:8px 5px; font-weight:normal; border:1px solid #AAA; background-color:#FFF; width:33%; text-align:center;}
.tarifsResume .roamingEUInfo table tbody th { text-align:left; padding:8px 5px; font-weight:normal; border:1px solid #AAA; background-color:#FFF;}
.tarifsResume .roamingEUInfo table tbody td { text-align:left; padding:8px 5px; border:1px solid #AAA; background-color:#FFF; color:#000; text-align:center;}
.tarifsResume .roamingEUInfo table tbody div { display:inline-block; text-align:left; }
.tarifsResume .roamingEUInfo table tbody .goodDeal div { padding-left:35px; background:url("/img/siteElement/spriteBgGrey.png?version=20160428") no-repeat left -546px; font-weight:bold; }
.prepaid .roamingEUInfo table tbody .goodDeal div { background-position:left -550px; min-height:20px; padding-top:6px;}
.tarifsResume .info-desc { font-size:1em;}


/*HiFive*/
.hifive { margin-top:40px;}
.hifive .hifiveHeader {background:url(/img/product/postpaid/hiFiveBGDesktop.jpg) no-repeat left top #de0615; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:25px 20px 20px 20px; width:auto; margin:0 40px; height:480px;}
.hifive .hifiveHeader .col-8-left { width:520px; margin:0; position:relative;}
.hifive .hifiveHeader h1 { color:#FFF; font-size:90px; -webkit-transform: skewX(-10deg) rotate(-10deg); -moz-transform: skewX(-10deg) rotate(-10deg); -ms-transform: skewX(-10deg) rotate(-10deg); -o-transform: skewX(-10deg) rotate(-10deg); transform: skewX(-10deg) rotate(-10deg); padding-left:130px; font-weight:normal; margin-top:80px; text-align:left;}

.hifive .hifiveHeader strong { font-weight:normal;font-family: "dinblack",sans-serif;}
.hifive .hifiveHeader .priceBox {background:url(/img/product/postpaid/spriteHifiveFR.png) no-repeat -199px -176px; width:123px; height:93px; position:absolute; top:0; left:389px; font-size:12px; color:#d2232a; text-align:center; margin:0; padding-top:30px;}
.hifive .hifiveHeader .priceBox .price { letter-spacing:-5px; padding-right:2px; font-size:65px;}
.hifive .hifiveHeader .hifiveForfait { -webkit-transform: skewX(-10deg) rotate(-10deg); -moz-transform: skewX(-10deg) rotate(-10deg); -ms-transform: skewX(-10deg) rotate(-10deg); -o-transform: skewX(-10deg) rotate(-10deg); transform: skewX(-10deg) rotate(-10deg); padding-left:140px;}
.hifive .hifiveHeader .hifiveForfait .hifiveValueMB { font-size:50px; text-shadow:0 1px 0 #333333; color:#FFF; margin-top:50px; margin-bottom:45px; font-family: "dinblack",sans-serif;text-shadow:0px 0px 7px #000;}
.nl .hifiveHeader .hifiveForfait .hifiveValueMB { font-size: 44px; margin-top: 58px;}
.hifive .hifiveHeader .hifiveForfait .hifiveValueMIN,
.hifive .hifiveHeader .hifiveForfait .hifiveValueSMS { color:#d2232a; font-family:Arial, Helvetica, sans-serif; font-weight:bold; background-color:#FFF; float:left; clear:both; padding:3px 10px; font-size:28px; margin-bottom:0; margin-top:8px;}
.hifive .hifiveHeader .hifiveForfait .hifiveValue::before { content:">"; font-family: "scarlet",sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size:0.800em; padding-right:15px;}
.hifive .hifiveHeader .hifiveOption { font-size:20px; color:#FFF; margin-top:20px; cursor:pointer; clear:both; float:left;}
.hifive .hifiveHeader .hifiveOption .checkBox { width:20px; height:20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color:#FFF; border:2px solid #DDD; display:inline-block; vertical-align:top; font-family: "scarlet",sans-serif; color:#38bc15; position:relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.hifive .hifiveHeader .hifiveOption .checkBox span { font-size:26px; position:absolute; bottom:0; left:-1px;text-shadow:0 2px 2px #333333;}
.hifive .hifiveHeader .lazer {background:url(/img/product/postpaid/hiFiveLazer.png) no-repeat; width:98px; height:69px; left:66px; top:272px; position:absolute;}
.hifive .hifiveHeader .lazer.easterEgg {background:none;}
.hifive .hifiveHeader .cat {width:95px; height:120px; left:25px; top:325px; position:absolute; z-index:20;}
.hifive .hifiveHeader .col-4-right { width:340px; margin:0; margin-top:150px;}
.hifive .hifiveHeader .col-4-right ul { margin-bottom:30px; list-style-position:outside; margin-left:10px;}
.hifive .hifiveHeader .col-4-right li { color:#FFF; margin-bottom:10px; font-size:15px; line-height:20px; padding-right:30px;}
.hifive .hifiveHeader .col-4-right .btnBestel { text-align:center;}


.hifiveBody p { font-size:1.143em; line-height:1.5em; color:#333333;}
.hifive .scarletAvantages { }
.hifive .scarletAvantages h3 { text-align:left;}
.hifive .scarletAvantages .scarletAvantagesInfos {background-color:#F5F5F5; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-left:40px; margin-right:40px; overflow:hidden; }
.hifive .scarletAvantagesInfos p { font-size:16px;}
.hifive .scarletAvantagesInfos .col-4-left { margin-left:20px; width:280px; margin-bottom:20px;}
.hifive .scarletAvantagesInfos .col-4-center { width:280px; margin-bottom:20px;}
.hifive .scarletAvantagesInfos .col-4-right { margin-right:20px; width:280px; margin-bottom:20px;}

.hifive .hifiveFullData { margin:50px 20px 30px 20px; overflow:hidden; border-top:1px solid #dddddd;  border-bottom:1px solid #dddddd; padding:50px 0;}
.hifive .hifiveFullData .col-6-right {margin-bottom:0; margin-top:0; margin-right:20px;}
.fr .hifive .hifiveFullData .col-6-left {background:url(/img/product/postpaid/spriteHiFive.jpg) no-repeat center 0; height:173px; margin-left:20px; margin-bottom:0; margin-top:0;}
.nl .hifive .hifiveFullData .col-6-left {background:url(/img/product/postpaid/spriteHiFive.jpg) no-repeat center 0; height:173px; margin-left:20px; margin-bottom:0; margin-top:0;}
.hifive .hifiveFullData h3 { margin-top:0;}


.hifiveMGM { margin:30px 20px 50px 20px ; overflow:hidden; border-bottom:1px solid #dddddd; }
.hifiveMGM .col-6-left {margin-top:0; margin-left:20px; padding-top:20px;}
.fr .hifiveMGM .col-6-right {background:url(/img/product/postpaid/spriteHiFive.jpg) no-repeat center -176px; height:218px; margin-right:20px; margin-bottom:0; margin-top:0;}
.nl .hifiveMGM .col-6-right {background:url(/img/product/postpaid/spriteHiFive.jpg) no-repeat center -176px; height:218px; margin-right:20px; margin-bottom:0; margin-top:0;}
.hifiveMGM h3 { margin-top:0;}
.hifiveMGM #infoS2S p { line-height:1.125em;}

.hifive .hifiveRoaming { margin:50px 20px 30px 20px; overflow:hidden; border-bottom:1px solid #dddddd; padding-bottom:50px;}
.hifive .hifiveRoaming .col-6-right {margin-bottom:0; margin-top:0; margin-right:20px;}
.fr .hifive .hifiveRoaming .col-6-left {background:url(/img/product/postpaid/spriteHiFive.jpg) no-repeat center -397px; height:150px; margin-left:20px; margin-bottom:0; margin-top:0;}
.nl .hifive .hifiveRoaming .col-6-left {background:url(/img/product/postpaid/spriteHiFive.jpg) no-repeat center -397px; height:150px; margin-left:20px; margin-bottom:0; margin-top:0;}
.hifive .hifiveRoaming h3 { margin-top:0;}
.hifive #roaming p span { font-size:0.875em; color:#666666; line-height:12px;}

.hifive .hifiveRedHotChili { margin:50px 20px 50px 20px; overflow:hidden; }
.hifive .hifiveRedHotChili .col-6-left {margin-bottom:0; margin-top:0; margin-left:20px;}
.fr .hifive .hifiveRedHotChili .col-6-right {background:url(/img/product/postpaid/spriteHifiveFR.png) no-repeat center 0; height:174px; margin-right:20px; margin-bottom:0; margin-top:0;}
.nl .hifive .hifiveRedHotChili .col-6-right {background:url(/img/product/postpaid/spriteHifiveNL.png) no-repeat center 0; height:174px; margin-right:20px; margin-bottom:0; margin-top:0;}
.hifive .hifiveRedHotChili h3 { margin-top:0;}


/*Prepaid*/
.prepaid .col-prepaid-left { width:676px; padding-right:20px; border-right:2px solid #e8e8e8; float:left;}
.prepaid .currency { font-size:0.500em; vertical-align:super; font-weight:normal;}
.prepaid .productHeader h1 {font-size:2.143em; font-family:"dinregular",sans-serif; color:#EF3E33; float:none; margin-bottom:10px;}
.prepaid .productHeader p {font-size:1.143em; color:#333333;}
.prepaid .productHeader h2 {font-size:1.429em; font-family:Arial, Helvetica, sans-serif; color:#666666; text-align:center; padding-left:0px; line-height:1.100em;}
.prepaid .presaPostpaid { background:#F5F5F5; border:1px solid #DDD;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow:hidden; margin-top:20px;}
.prepaid .presaPostpaid .abo { float:left; width:293px; margin:0 20px; padding-top:15px; padding-bottom:20px; padding-left:291px; position:relative;}
.prepaid .presaPostpaid .abo::before { width:273px; height:168px; content:" "; position:absolute; left:0;}
.fr .prepaid .presaPostpaid .abo::before { background:url(/img/product/prepaid/spritePrepaidFR.jpg) no-repeat center 0;}
.nl .prepaid .presaPostpaid .abo::before { background:url(/img/product/prepaid/spritePrepaidNL.jpg) no-repeat center 0;}
.prepaid .presaPostpaid .abo h3 { font-size:20px; color:#EF3E33; margin-top:5px;}
.prepaid .presaPostpaid .abo .btnRound { margin-top:20px; margin-bottom:0px;}
.prepaid .presaPostpaid .abo li { font-size:16px; color:#333; line-height:18px;}
.prepaid .presaPostpaid .abo sup { font-size:10px;}
.prepaid .presaPostpaid .myScarlet {float:right; width:253px; padding-top:15px; background-color:#FFF; border-left:1px solid #DDD; padding-left:20px; padding-right:20px;}
.prepaid .presaPostpaid .myScarlet h3 { font-size:18px; color:#000; margin-top:5px;}
.prepaid .presaPostpaid .myScarlet p { font-size:14px; color:#333; line-height:20px; position:relative; float:left; width:140px;}
.prepaid .presaPostpaid .myScarlet::after { width:101px; height:142px;background:url(/img/product/prepaid/spritePrepaidNL.jpg) no-repeat left -168px; content:" "; float:right; margin-top:8px;}

.prepaid .reloadPrepaid { margin-top:50px;}
.prepaid .reloadPrepaid h2 { font-size:26px; color:#EF3E33;}
.prepaid .relaodLeft { line-height:50px; margin-bottom:20px; margin-top:20px;}
.prepaid .relaodRight { line-height:50px; margin-bottom:20px;}
.prepaid .reloadContent h3 { font-family:Arial, Helvetica, sans-serif; margin:0px;  display:inline-block; width:90px; text-align:right; padding-right:10px; color:#666; font-size:50px; vertical-align:middle;}
.nl .prepaid .reloadContent h3 { width:65px;}
.prepaid .reloadContent h3 .currency { font-size: 18px; vertical-align: top; line-height: 25px;}
.prepaid .reloadContent h4 {font-family: Arial, Helvetica, sans-serif;color: #666666;display: inline;margin: 0;vertical-align: middle;font-size: 26px;}
.prepaid .reloadContent h4 span { padding-right:10px;}
.prepaid .reloadContent p.row { text-align:center; font-size:1.143em; padding-top:10px; width:200px; margin:0 auto;}
.prepaid .reloadContent p.row span { white-space:nowrap;}
.prepaid .bonus { text-align:center; background-color:#FFFFFF; display:inline-block; vertical-align:middle; margin-left:30px; border:1px solid #cfcfcf; padding:10px; position:relative;}
.nl .prepaid .bonus { margin-left:25px;}
.prepaid .bonus::before { content:""; width:10px; height:16px; background: url(/img/product/prepaid/spritePrepaidNL.jpg) no-repeat 0 -314px; position:absolute; left:-10px;}
.prepaid .bonus h4 { font-size:1.429em; border-bottom:1px solid #e8e8e8; margin:10px 15px 7px 15px; padding-bottom:7px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#666666;}
.prepaid .bonus p { font-size:1.143em; margin-bottom:0; overflow:hidden;}
.prepaid .bonus p .amp { font-size:1.375em; font-weight:normal; padding:0 10px;}
.prepaid .bonus p span { float:left;}
.prepaid .bonus p strong { font-size:1.250em; display:inline-block; padding-bottom:2px;}
.prepaid .bonus p .superscript { color:#EF3E33; font-size:10px; float:none;}
.prepaid .bonus p .smallCaps { float:none;}
.prepaid .bonusInfo { clear:both; padding-top:10px;}
.prepaid .col-prepaid-right { width:202px; padding-left:20px; float:left;}
.prepaid .col-prepaid-right p { font-size:1.214em;}
.prepaid .btnBestel a.button span { padding:10px 0; text-align: center; width: 152px;}
.prepaid .btnBestel a.button span.arrow { padding: 10px 12px; width: auto;}
.prepaid .col-prepaid-right p.borderTop { border-top:2px solid #e8e8e8; padding-top:15px;}
.reloadPrepaid iframe { width:100%; height:750px;}
.prepaidOptions { overflow:hidden;}
.prepaidOptions h2 { text-align:center; margin-top:5px; color:#EF3E33;}
.prepaid .productOptions { text-align:center; margin-bottom:10px;}
.prepaid .priceOption {width:auto; display:block; height:70px; padding-top:10px;}
.prepaidOptions .col-4-center-border-both { padding-bottom:8px;}
.prepaid .priceOption span.currency { font-size:1.571em; vertical-align:top; font-weight:bold;}
.prepaid .priceOption span.price { font-size:2.429em;}
.prepaid .priceOption span.sign { font-size:1.714em; padding:0px 3px;}
.prepaid .priceOption span.by-month { font-size:1.286em;}
.prepaid .productOptions p.activOption{ font-size:1.286em;}
.prepaid .serviceMobile li a { font-size:16px;}
.prepaid .tabPrice { margin:40px 0 50px 0; border-top: 1px solid #DDD; overflow:hidden; padding-top:30px;}

.prepaid .InfoRegister { margin-top:20px;}
.prepaid .InfoRegister h3 {color:#EF3E33; line-height:34px; }
.prepaid .InfoRegister p { font-size:16px; color:#000;}
.prepaid .InfoRegister p#identify { color:#333; font-size:14px; line-height:18px;}



.container .prepaid .highLightProduct  .colPrepaid { padding-top:10px;}
.prepaid .highLightProduct .highLight { background-color:#E3E3E3; padding-left:0px; margin-left:20px; padding-top:10px;}
.prepaid .highLightProduct .highLight .boxRoundShadow { -webkit-box-shadow: 7px 7px 0px 0px rgba(195, 195, 195, 1); -moz-box-shadow: 7px 7px 0px 0px rgba(195, 195, 195, 1); box-shadow: 7px 7px 0px 0px rgba(195, 195, 195, 1);}
.prepaid .highLightProduct .highLight p strong {color:#000000;}
.prepaid .highLightProduct .highLight p span.plus span { background-color:#e3e3e3;}


.prepaidIdentification h1 {font-size: 2.286em;}
.prepaidIdentification h2 {  font-size: 1.786em; color: #ef3e33;}
.prepaidIdentification h3 { font-size: 1.429em; counter-increment: repas; padding-left:35px; position:relative;}
.prepaidIdentification h3:before {content: counter(repas); background-color:#EF3E33; display:inline-block; text-align:center; position:absolute; left:0; vertical-align:middle; width:28px; height:28px; margin:0 auto 10px auto; line-height:28px; color:#FFF; font-size:1em; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; top:-4px; }
.prepaidIdentification p { font-size:16px; line-height:20px;}
.prepaidIdentification ul { margin-bottom:30px;}
.prepaidIdentification ul li { margin-bottom:10px; list-style:none; padding-left:15px; line-height:1.250em;}
.prepaidIdentification ul li:before { content:"\2022"; color:#EF3E33; font-size:25px; line-height:16px; vertical-align:middle; margin-left:-15px; float:left;}

/*smsValidation*/

.smsValidation { font-size:14px;}
.smsValidationBody { margin:0 40px;}
.smsValidationBody h1 { margin-bottom:5px; font-size:2.286em; letter-spacing:inherit;}
.smsValidationBody h3 {font-size:22px;}
.smsValidationBody ol li { font-weight:bold;}
.smsValidationBody ul li { font-weight:normal;}


/*TPH*/
.TPH iframe { width:100%; height:650px;}

/*IntTel*/
.IntTel .productImg { text-align:center; max-width:100%;}
.IntTel .priceBox { float:right;}
.IntTel .promo { clear:both; font-size: 1.214em; padding-top: 20px; text-align: center;}
.IntTel .CtaBox { text-align:center; max-width:100%; clear:both; padding-top:20px;}
.IntTel .promoPartner {border:2px solid #E0E0E0; background-color:#FFFFFF; margin:0px auto 20px auto; padding:5px 5px; text-align:center; font-size:1.143em; color:#000000;}
.IntTel .promoPartner img { width:auto; vertical-align:middle;}

/*internetPage*/

.internetPage h1 {margin-bottom: 30px; font-size: 2.286em; letter-spacing: inherit;}
.colInternet {width:293px; float:left; }
.colInternetContent {border: 1px solid #dddddd; padding:20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; min-height:330px; }
.nl .colInternetContent { min-height:354px; }
.colInternet h2 { font-size:35px; color:#EF3E33; text-align:center; margin-bottom:5px; margin-top:0;}
.colInternet h2:after { font-family: "scarlet",sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content:"!";font-weight: normal; font-size: 0.667em; vertical-align: top; line-height: 0.667em;}
.colInternet h3 { font-size:22px; color:#666; text-align:center; margin-top:5px;}
.internetPoco { margin:0 62px 0 103px;}
.internetPoco h2::before { font-family: "scarlet";  content: "€"; color:#EF3E33; font-size:45px; font-weight:bold; display:block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-bottom:5px;}
.internetLoco { margin:0 103px 0 62px;}
.internetLoco h2::before { font-family: "scarlet";  content: "&"; color:#EF3E33; font-size:56px; font-weight:bold; display:block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-bottom:5px;}
.colInternet ul li { font-size:18px; color:#333; list-style:none; padding-left:40px; line-height:20px; position:relative; padding-top:8px;}
.colInternet ul li.surf:before {font-family: "scarlet";  content: "I"; position:absolute; left:0; color:#38bc15; font-size:30px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.colInternet ul li.download:before {font-family: "scarlet";  content: "s"; position:absolute; left:0; color:#38bc15; font-size:30px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.colInternet .priceBox { color:#666; text-align:center; margin:20px 0;}
.colInternet .priceBox .price { font-size:60px;}
.colInternet .priceBox .currency { font-size:20px;}
.colInternet .priceBox .by-month { font-size:18px; display:inline;}
.colInternet p.options { font-size:16px; color:#333; text-align:center; margin-bottom:5px;}
.colInternet p.conditions { font-size:14px; color:#666; margin-bottom:0; text-align:center;}
.colInternet p.options .currency,
.colInternet p.conditions .currency { font-size:10px; vertical-align:top; line-height:14px;}
.colInternet .btnBestel { text-align:center; margin-top:20px;}

.internetPage .consoTool h2 { margin-bottom:5px;}
.internetPage .consoTool .col-12 p { color:#666;}
.internetPage .consoTool label { font-size:16px; color:#333;}
.internetPage .checkTrio label { display:inline-block; position:relative; padding-left:80px; }
.internetPage .checkTrio label:before {font-family: "scarlet";  content: "TL"; vertical-align:middle; color:#EF3E33; font-size:38px; position:absolute; left:0; }
.internetPage .sliderConso { overflow:hidden;}
.internetPage .slide { width: 450px; background-color: #DDD; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 25px 0 35px 0;}
.internetPage .ui-slider { position: relative; width: 278px; height: 2px; margin-left: 95px;}
.internetPage .ui-slider-handle { margin-left: -95px; height: 28pxm; width: 170px; top: -15px; text-align: center; line-height: 28px; background-color: #FFF; border: 1px solid #333; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; cursor: default; position: absolute; z-index: 2; font-size:14px;}
.internetPage .ui-slider-handle:before { background:url(/img/product/spritePocoLoco.png) no-repeat 0px -16px; content:" "; position:absolute; left:5px; top:7px; width:6px; height:12px; }
.internetPage .ui-slider-handle:after { background:url(/img/product/spritePocoLoco.png) no-repeat -7px -16px; content:" "; position:absolute; right:5px; top:7px; width:6px; height:12px; }
.internetPage .ui-slider-handle .sliderValue { font-size:18px; line-height:18px; font-weight:bold; vertical-align:-1px;}
.internetPage .inputSlider { display:none;}
.internetPage .checkTrio { border: 1px solid #dddddd; padding:20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.internetPage .checkTrio .check { display:inline-block; vertical-align:middle; width:16px; height:16px; font-family: "scarlet"; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border:1px solid #a8a8a8; background:#c4c4c4 linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0)); background:#c4c4c4 -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.8)), to(rgba(255,255,255,0))); background:#c4c4c4 -moz-linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));/*    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDFFFFFF, endColorstr=#00FFFFFF);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDFFFFFF, endColorstr=#00FFFFFF)";*/}
.internetPage .checkTrio .check:hover,
.internetPage .checked .check { border-color:#666; background-color:#DDD;}
.internetPage .checked .check:before { content:"V";}

.internetPage .checkTrio .check input { display:none;}
.internetPage .infoConso { width:253px; margin:0 auto 20px auto; font-size:18px; color:#333; border: 1px solid #dddddd; padding:20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color:#F5F5F5; text-align:center; position:relative;}
.internetPage .showProduct .infoConso:after { content:""; position:absolute; background:url(/img/product/spritePocoLoco.png) no-repeat 0px 0px; width:31px; height:16px; bottom:-16px; left:131px;}
.internetPage .infoConso h4 { font-size:22px; margin:0 0 20px 0; font-family:Arial, Helvetica, sans-serif;}
.internetPage .infoConso p { margin-bottom:0;}
.internetPage .infoProduct {width:253px; margin: 0 auto; color:#333; border: 1px solid #dddddd; padding:20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.internetPage .infoProduct h3 { font-size:32px; color:#EF3E33; text-align:center; margin-top:0;}
.internetPage .infoProduct h3:after { font-family: "scarlet",sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content:"!"; font-weight: normal; font-size: 16px; vertical-align: top; line-height: 0.667em;}
.internetPage .infoProduct .priceBox { color:#666; text-align:center; margin:20px 0;}
.internetPage .infoProduct .priceBox .price { font-size:48px;}
.internetPage .infoProduct .priceBox .currency { font-size:18px;}
.internetPage .infoProduct .priceBox .by-month { font-size:16px; display:inline;}
#data_month { font-size:40px; color:#EF3E33; display:block; margin-bottom:10px; }
.internetPage .infoProduct .btnBestel { text-align:center; margin-bottom:0;}
.internetPage .infoProduct .infoOption { margin-top:20px;}
.internetPage .infoProduct .infoOption .option { font-size:18px;}
.internetPage .infoProduct .infoOption .desc { font-size:14px; color:#666; line-height:18px; margin-bottom:0;}
.internetPage .infoProduct .infoOption .desc a { color:#666;}
.internetPage .infoTrio .logoTrio{ text-align:center; line-height:38px; padding-bottom:5px;}
.internetPage .infoTrio .logoTrio:before {font-family: "scarlet"; content: "TIL"; vertical-align:middle; color:#EF3E33; font-size:46px; }
.internetPage .infoTrio li { list-style:none; font-size:18px; position:relative; padding:8px 0 8px 25px; line-height:22px;}
.internetPage .infoTrio li:before {font-family: "scarlet";  content: "V"; vertical-align:middle; color:#38bc15; font-size:18px; position:absolute; left:0;}

.internetPage .internetDetail { border-bottom: 1px solid #dddddd; border-top: 1px solid #dddddd; padding-top:30px; padding-bottom:50px; margin:50px 0 30px 0; font-size:14px;}
.internetPage .service .infoService .col-6-left-border { margin-left:0; margin-top:0; width:420px;}
.internetPage .service .infoService h3 { margin-top:0;}
.internetPage .service .infoService .col-6-right-border-empty { margin-right:0; margin-top:0; width:420px;}
.internetPage .scarletAvantages {  margin-top:30px; margin-bottom:50px; }
.internetPage .AvCheckForm { text-align:left;}

/* service */
.service h4:first-child { padding-left:25px; background: url(/img/siteElement/arrows.png) no-repeat 0 4px; margin-top: 0.5em; cursor:pointer;}
.service h4.open { background-position:0 -48px;}
.service h4:first-child:hover { text-decoration:underline;}
.service .infoService { background-color:#F5F5F5; padding:20px; overflow:hidden;}

/* Banner AVCheck */
.container .AvCheckBanner .productBanner { background:url(/img/temp/AvCheckBGBannerHomeInternet.png) no-repeat 0px 60px #f5f5f5; height:203px; padding-bottom:0px;}
.AvCheckBanner h2 { color:#EF3E33; margin-top:0; }
.AvCheckBanner .productSlogan { float:none; clear:both; width:190px; min-height:61px; }
.AvCheckBanner .btnBestel { padding-top:20px;}
.AvCheckBanner .btnBestel .AvCheckForm { margin:0;}

/* app */
.appScreenShot img { padding:0 10px 10px 10px;}

/* IBPT */
.IBPT { border-collapse:collapse;}
.IBPT th { border:1px solid #CCC; padding:5px 10px; text-align:left; font-weight:normal;}
.IBPT td { border:1px solid #CCC; padding:5px 10px; text-align:center;}
.IBPT thead th,
.IBPT thead td { font-weight:bold;}

/* conditions */
.conditions h2 { color:#EF3E33;}
.conditions span.num { font-weight:bold; color:#000;}
.conditions ul,
.conditions ol { padding-left:10px;}
.conditions p { margin-bottom:0.357em;}

/* resiliation */

.resiliation fieldset { border:0;}
.resiliation fieldset label { display:block; margin-bottom:5px;}
.resiliation fieldset label.error { display:block; margin-top:5px;color:#EF3E33;}
.resiliationHeader p { line-height:20px;}
.resiliationHeader select{padding:8px;border-radius: 5px;width:100%;font-size: 16px;}
.nl .resiliationHeader p.intro { min-height:80px;}
.fr .resiliationHeader p.intro { min-height:100px;}
.resiliation .boxRounded { float:left; clear:both; }
.resiliation .boxRounded img { border:1px solid #333; margin:10px 0;}
.resiliation .boxRounded ul {list-style:none; margin-bottom:10px; }
.resiliation .boxRounded ul li {margin-bottom:10px; margin-left:15px; }
.resiliation .boxRounded ul li::before { content:"\2022"; color:#EF3E33; font-size:25px; line-height:16px; vertical-align:middle; margin-left:-15px; float:left;}

.resiliation #byLetter ol li { counter-increment: repas; list-style:none; margin-bottom:15px;}
.resiliation #byLetter ol li:before {content: counter(repas); background-color:#EF3E33; text-align:center; float:left; width:17px; height:17px; margin-right:10px; line-height:18px; color:#FFF; font-size:12px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }
.resiliation #byLetter li fieldset { margin-top:5px; display:inline-block;}
.resiliation #byLetter li fieldset select { font-size:14px;}
/*.resiliation .operator { display:none; border-left:1px solid #333; padding-left:10px; margin-bottom:10px;}*/

.resiliation .operator {display:none; float:left; clear:both; background-color:#FFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:20px; width:100%; margin-bottom:15px;box-sizing: border-box;height: 150px;}
.resiliation .operator h4 { color:#EF3E33; margin-top:0;}
.resiliation .operator p { margin-bottom:0;}
.resiliation #resiliationOptions .col-4-left{margin-left: 0;}
.resiliation #resiliationOptions .col-4-center{width: 280px;margin-top: 0;}
.resiliation #resiliationOptions .col-4-right{margin-right:0;margin-top: 0;}
.resiliation #resiliationOptions .btnRound{margin:0;}
.resiliation #resiliationOptions .btnRound a{    width: 100%;border-radius: 10px;box-sizing: border-box;border-color: rgba(255, 255, 255, 0);background: #f9f9f9;height: 150px;padding-top: 60px;margin-top:20px;transition:all ease .25s; border: 1px solid #9b9b9b;}
.resiliation #resiliationOptions .btnRound a:hover{background:#FFFFFF;border-color:#38bc15;}
.resiliation #resiliationOptions .important-info{margin-top:10px;}
.resiliation #resiliationForm .form-group{display:block;width:49%;float:left;margin-right: 2%;margin-bottom: 10px;}
.resiliation #resiliationForm .form-group-wide{width:100%;float:none;margin-right: 0%;}
.resiliation #resiliationForm .form-group-wide:before{clear:both;display: block;content: '';}
.resiliation #resiliationForm .form-group:nth-child(odd){margin-right: 0%}
.resiliation #resiliationForm .form-group.nr{width:23.5%;margin-right:2%}
.resiliation #resiliationForm .form-group.bus{width:23.5%;margin-right:0;}
.resiliation #resiliationForm .form-group.postcode{margin-right:2%;}
.resiliation #resiliationForm .form-group.gemeente{margin-right:0%;}
.resiliation #resiliationForm .resiliationProducts .form-group{width: 33.3333%;margin:15px 0 0 0;}
.resiliation #resiliationForm input{padding:8px;width: 100%;box-sizing: border-box;font-size: 16px;}
.resiliation #resiliationForm input[type="checkbox"]{width:auto;}
.resiliation #resiliationForm .btnBestel{width: 217px;margin: 0 auto;margin-top: 25px;cursor: pointer;}
.resiliation #resiliationForm .btnBestel .button {cursor: pointer; background-color: #38bc15; clear: both; display:inline-block; zoom: 1; padding: 10px;width:auto;border:none; font-family: "dinregular", sans-serif; font-size:18px; text-transform: uppercase; color:#FFFFFF;float:left;}
.resiliation #resiliationForm .btnBestel .arrow{color:#FFFFFF;font-size: 13px;font-family: "scarlet", sans-serif;padding: 14px 12px;background-color: #31a312;line-height: 1.1em;float:left;}
.resiliation #resiliationForm .btnBestel .button:hover{background-color: #31a312;}
/*.resiliation p { margin:0 20px 20px 20px; font-weight:bold;}
.resiliation fieldset { border:0;}
.resiliation fieldset label { display:block; margin-bottom:5px;}
.resiliation fieldset label.error { color:#F00; font-weight:bold; padding-top:5px;}
.resiliation .personalInfo { padding-top:20px;}

.resiliation fieldset label span { font-size:12px;}
.resiliation form .col-4-left { margin-left:20px; width:280px; margin-bottom:20px;}
.resiliation form .col-4-center { width:280px; margin-bottom:20px; margin-top:0;}
.resiliation form .col-4-right { margin-right:20px; width:280px; margin-bottom:20px;}
.resiliation form .col-12 { margin:0 20px 20px 20px; width:880px;}
.resiliation form .col-8-left { margin:0 10px 20px 20px; width:580px;}
.resiliation form .mandatory { padding: 0 20px 20px 20px; color:#999;}
.resiliation form .inputTxt { padding:3px 5px; width:230px;}
.resiliation .optin label { margin-top:10px; margin-left:20px;}
.resiliation .optin label.error { float:none; clear:both;}
.resiliation .optin { position:relative;}
.resiliation .optin input { position:absolute; top:10px;}
.resiliation form .btnBestel { margin-top:0;}
.resiliation form .btnBestel input { display:block; font-size:1.143em; background-color:#38bc15; color:#FFFFFF; text-decoration:none; margin-top:0; padding:10px 20px;  -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; float:none; border:0; line-height:inherit;}
.resiliation form .btnBestel input:hover { background-color:#31a312; cursor:pointer;}*/

/* 4G Page  */
.fullInfo4G .compare3G4G {margin-bottom:10px; border-collapse:collapse;}
.fullInfo4G .compare3G4G thead th { text-align:left; padding:5px 10px 0px 0px;}
.fullInfo4G .compare3G4G thead td { text-align:center; padding:5px 10px 0px 10px; border-left:1px solid #DDD;}
.fullInfo4G .compare3G4G tbody th { text-align:left; font-weight:normal; padding:5px 10px 5px 30px;}
.fullInfo4G .compare3G4G tbody td { text-align:right; padding:5px 10px 5px 10px; border-left:1px solid #DDD; white-space:nowrap;}
.fullInfo4G .compare3G4G .time4G { font-weight:bold; background-color:#F5F5F5; border:0px;}
.fullInfo4G .icoSong { background: url(/img/ico_song.png) no-repeat 0px 5px;}
.fullInfo4G .icoPhoto { background: url(/img/ico_photo.png) no-repeat 0px 5px;}
.fullInfo4G .icoSite { background: url(/img/ico_browser.png) no-repeat 0px 5px;}
.fullInfo4G .icoVideo { background: url(/img/ico_youtubeRed.png) no-repeat 0px 5px;}
#fraCov { width:920px; height:660px}


/* mgm */

.mgmHeader {border-bottom: 1px solid #dddddd; margin-bottom:50px; padding-bottom:50px; margin-top:30px;}
.mgmHeader h1 {font-size: 2.286em; margin-top:0;}
.mgmHeader p {font-size: 1.143em; line-height:1.5em; color:#000;}
.mgmHeader .promo { padding:15px 20px; background-color:#F5F5F5; max-width:410px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-size:14px; }

.mgmHeader .col-6-right {background:url("/img/home/spriteHome.jpg") no-repeat center -280px; height:140px;}
.mgmHeader .promo h2 {font-size: 1.786em; font-family: "dinregular",sans-serif; color:#000; margin-top:0; margin-bottom:5px;}
.mgmHeader .promo h2:before {font-family: "scarlet"; color:#15b800; content:'o'; font-weight:normal; vertical-align:bottom; padding-right:5px; }
.mgmHeader .promo p {font-size: 1.143em; line-height:1.5em; color:#000; margin-bottom:0;}
.mgmHeader .promo a {color:#000;}

.mgmStep { text-align:center; color:#000;}
.mgmStep h2 { font-size:1.786em; margin-bottom:5px; color:#EF3E33;}
.mgmStep p { font-size:1.143em; margin-bottom:7px;}
.mgmStep .col-6-left-border-empty .img { width:293px; height:140px; background: url(/img/mgm/spriteMgm.jpg) no-repeat 0px 0px; margin:20px auto;}
.nl .mgmStep .col-6-left-border-empty h2 { min-height:48px;}
.mgmStep .col-6-right-border .img { width:293px; height:140px; background: url(/img/mgm/spriteMgm.jpg) no-repeat 0px -140px; margin:20px auto;}
.mgmStep li { font-size:1.143em; list-style-type: none; counter-increment: repas; margin-bottom:30px;}
.mgmStep li a { color:#000;}
.mgmStep li:before {content: counter(repas); background-color:#EF3E33; display:block; width:33px; height:33px; margin:0 auto 10px auto; line-height:33px; color:#FFF; font-size:1.5em; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }
.mgmStep li.HiFive { position:relative; background-color:#F5F5F5; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-left:50px; padding:10px 10px 10px 40px; text-align:left;}
.mgmStep li.HiFive:before {content: counter(repas); background:url(/img/mgm/macaron.png) no-repeat 0 0; display:block; width:86px; height:86px; margin:0 0 10px 0; line-height:86px; color:#FFF; font-size:55px; font-weight:bold; -webkit-border-radius:0; -moz-border-radius: 0; border-radius: 0px; position:absolute; left:-50px; top:-10px; z-index:10; text-align:center;}
.mgmStep .promo h4 {font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.mgmStep .promo h4:before {font-family: "scarlet"; color:#15b800; content:'o'; font-weight:normal; vertical-align:bottom; padding-right:5px; }
.mgmStep .promo a { display:block;}
.mgmStep a { color:#000;}
.mgm #share { text-align:center; padding-bottom:50px; padding-top:30px; border-bottom:1px solid #dddddd; margin-bottom:50px; }
.mgm #share h2 { font-size:1.786em; color:#EF3E33;}
.mgm #share p { font-size:18px; color:#000;}
.mgm .shareBtn a { text-decoration:none; padding:0 15px 0 15px; margin:0 10px; color:#000; margin-bottom:5px; display:inline-block; border:1px solid #000; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;}
.mgm .shareBtn a.btnFacebook { border-color:#365899; color:#365899;}
.mgm .shareBtn a:hover { border-color:#38bc15; color:#38bc15;}
.mgm .mgmListReduc li { max-width:300px; list-style:none;}
.mgm .mgmListReduc li span { float: right; font-weight: bold; position: relative; text-align: right; width: 65px;}
.mgm .mgmListReduc li span:before {  color: #ef3e33; content: ">"; font-family: "scarlet"; font-weight: normal; left: 0; margin-right: 20px; position: absolute;}
.mgmNewbiesInfoProduct { border-bottom:1px solid #dddddd; margin-bottom:50px;  border-top:1px solid #dddddd; margin-top:50px; padding:30px 0 50px 0; }
.mgmNewbiesHeader  h1 { font-size: 2.286em; margin-bottom:25px; margin-top:0;}
.mgmNewbiesHeader li { font-size:1.143em; list-style-type: none; counter-increment: repas; margin-bottom:30px; color:#000;}
.mgmNewbiesHeader li a { color:#000;}
.mgmNewbiesHeader li:before {content: counter(repas); background-color:#EF3E33; text-align:center; float:left; width:33px; height:33px; margin-right:15px; line-height:33px; color:#FFF; font-size:1.5em; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }
.mgmNewbiesHeader li.HiFive { position:relative; background-color:#F5F5F5; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-left:50px; padding:10px 10px 10px 40px; text-align:left; line-height:20px;}
.mgmNewbiesHeader li.HiFive:before {content: counter(repas); background:url(/img/mgm/macaron.png) no-repeat 0 0; display:block; width:86px; height:86px; margin:0 0 10px 0; line-height:86px; color:#FFF; font-size:55px; font-weight:bold; -webkit-border-radius:0; -moz-border-radius: 0; border-radius: 0px; position:absolute; left:-50px; top:-10px; z-index:10; text-align:center;}
.mgmNewbiesHeader .promo { background-color:#F5F5F5; max-width:410px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-size:14px; max-width:294px; margin:0 auto; }
.mgmNewbiesHeader .promo p {font-size: 1.286em; line-height:1.438em; color:#000; margin-bottom:0; padding:15px 20px;}
.mgmNewbiesHeader .promo .img { width:293px; height:140px; background: url(/img/mgm/spriteMGMNewbies.jpg) no-repeat 0px 0;}
.mgmNewbiesInfoProduct h2 { color:#EF3E33; font-size:2.000em; margin-bottom:25px;}
.mgmNewbiesInfoProduct h3 { font-size:18px; margin-top:0; position:relative;}
.mgmNewbiesInfoProduct h3:before { font-family: "scarlet"; color:#EF3E33; font-size:45px; position:absolute; top:10px; left:0; letter-spacing:-5px;}

.mgmNewbiesInfoProduct .col-4-left { margin: 0 10px 0 40px; width: 293px;}
.mgmNewbiesInfoProduct .col-4-center { margin: 0 10px; width: 294px;}
.mgmNewbiesInfoProduct .col-4-right { margin: 0 40px 0 10px; width: 293px;}
.mgmNewbiesInfoProduct .col-4-left h3 { padding-left:135px; margin:0 5px;}
.mgmNewbiesInfoProduct .col-4-center h3 { padding-left:43px; margin:0 25px;}
.nl .mgmNewbiesInfoProduct .col-4-center h3 { margin:0 10px;}
.mgmNewbiesInfoProduct .col-4-right h3 { padding-left:53px; margin:0 30px;}
.mgmNewbiesInfoProduct .col-4-left h3:before { content:'TLI';}
.mgmNewbiesInfoProduct .col-4-center h3:before {content:'M';}
.mgmNewbiesInfoProduct .col-4-right h3:before {content:'I';}
.mgmNewbiesInfoProduct .trio { width:293px; height:140px; background: url(/img/mgm/spriteMGMNewbies.jpg) no-repeat 0px -140px; margin:20px auto;}
.mgmNewbiesInfoProduct .abo { width:293px; height:140px; background: url(/img/mgm/spriteMGMNewbies.jpg) no-repeat 0px -280px; margin:20px auto; }
.mgmNewbiesInfoProduct .int { width:293px; height:140px; background: url(/img/mgm/spriteMGMNewbies.jpg) no-repeat 0px -420px; margin:20px auto;}
#mailingTool { text-align:left; background-color:#F5F5F5; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
#linkMGMTool { text-align:left; background-color:#F5F5F5; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding-top:10px;}
#mailingTool h4 { padding:20px 20px 0px 20px; color:#EF3E33; font-size:1.786em;}
#mailingTool .col-4-left { margin:0 20px 5px 20px; width:280px;}
#linkMGMTool .col-8-left {  width:560px; margin:0 20px 5px 20px;}
#mailingTool .col-4-center { width:280px; margin:0 0 5px 0;}
#mailingTool .col-4-right,
#linkMGMTool .col-4-right {  width:280px; margin:0 20px 5px 20px;}
#mailingTool label { display:block; font-size:16px; color:#333;}
#linkMGMTool label { font-size:16px; color:#333;}
#mailingTool .error { color:#EF3E33;}
#linkMGMTool .error { color:#EF3E33; display:block;}
#mailingTool .textbox,
#linkMGMTool .textbox { border:0; padding:2px 10px; color:#666666; font-size:1em; width:254px; margin-top:5px; border:1px solid #ccc; }
#mailingTool .textboxSmall,
#linkMGMTool .textboxSmall { border:0; padding:2px 10px; color:#666666; font-size:1em; width:100px; margin-top:5px; border:1px solid #ccc; }
#mailingTool .info-desc,
#linkMGMTool .info-desc { display:block; font-size:14px; clear:both; color:#333; padding:0 20px 20px 20px; margin-top:0;}
#mailingTool .infoSend { display:block; font-size:16px; clear:both; color:#000; padding:0 20px 20px 20px; margin-top:0;}
#linkMGMTool .infoSend {font-size:16px; clear:both; color:#000; padding:0 20px 20px 20px; margin-top:0;}
#mailingTool .infoSend:before {font-family: "scarlet"; color:#15b800; content:'o'; font-weight:normal; vertical-align:bottom; padding-right:5px; }
#linkMGMTool .infoSend:before {font-family: "scarlet"; color:#15b800; content:'o'; font-weight:normal; vertical-align:text-bottom; padding-right:5px; }

#mailingTool .example,
#linkMGMTool .example { color: #999999; font-size: 14px;}
#mailingTool .action { margin-top:39px;}
#linkMGMTool .action { margin-top:5px;}
#mailingTool .action input,
#linkMGMTool .action input { color: #FFF; font-size: 16px; text-transform:uppercase; padding: 2px 5px; margin-right:5px; border:0px; background-color: #38bc15;}
#mailingTool .action input:hover,
#linkMGMTool .action input:hover {background-color: #3CC915; cursor:pointer;}
#mailingTool .action a,
#linkMGMTool .action a { font-size:16px;}
.whereNumClient { display:inline-block; width:20px; height:20px; text-align:center; vertical-align:middle; text-decoration:none; background-color:#EF3E33; color:#FFFFFF;}
.whereNumClient:hover { background-color:#3CC915;}
.nl #mailingTool .action a { font-size:15px;}

#linkMGMTool .linkInfo { display:none; padding:10px 0;}
#linkMGMTool .linkInfo p { padding:0 20px;}
#linkMGMTool .linkInfo .btnRound { text-align:left;}
#linkMGMTool .linkInfo .link  { border:0; padding:2px 10px; color:#666666; font-size:1em; width:600px; margin-top:5px; border:1px solid #ccc; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/**/
.tabPostpaidCommander .col-6-right-border-empty { text-align:center;}


/* priceOption */
.priceOption { color:#666666; font-family: Arial, sans-serif; display:inline-block; vertical-align:top; width:105px; height:90px;}
.priceOption span { line-height: 100%;}
.priceOption span.currency { font-size:1.571em; vertical-align:top;}
.priceOption span.price { font-size:3.571em; line-height: 0.75em; font-weight:bold; *line-height: 100%; *margin-top: -20px;}
.priceOption span.by-month { padding-top:5px; line-height:120%; font-weight: normal; font-family: Arial, sans-serif; display: block;}

/* tabPrice */
.tabPrice div div { clear:both; position:relative; padding-bottom:7px;}
.tabPrice div p{ margin:0px;}
.tabPrice div h4{ margin:7px 0;}
.tabPrice div.productPriceTitle{ padding:7px 0px;}
.tabPrice div.productPriceTitle h5{ margin:0px;}
.tabPrice div p.floatRight{ float:none; position:absolute; right:0px; top:0px; padding:0px;}
.tabPrice div.productPriceTitle p.floatRight{ top:10px;}
.tabPrice .notice{ font-size: 0.857em; color:#999999; white-space:nowrap; }

/* tabTel */
.tabTel .telOption { text-align:center; margin-top:10px;}
.tabTel .telOption h4 { color:#EF3E33; font-size:1.714em; margin-bottom:20px;}
.tabTel .telOption h5 { color:#333333; font-size:1.00em; height:40px; font-weight:normal;}
.tabTel .telOption .or { display:inline-block; font-size:1.429em; font-weight:bold; padding:10px; width:20px;}

/* customerZone */
.customerNews { width: 566px; height:217px; float:left; margin-left:40px; margin-top:20px; background:#EF3E33; padding: 15px 20px 5px 20px;}
.customerNews h2 { float:left; color:#FFF; width:200px; margin-top:65px;}
.customerNews .fancybox-media { float:right;}
.customerNews p {color:#FFFFFF; line-height:1.286em;}
.customerNews p a {color:#FFFFFF;}
.customerNewsImgFull {width: 606px; height:237px; float:left; margin-left:40px; margin-top:20px;}
.customerNews2 { width: 566px; height:217px; float:left; margin-left:40px; margin-top:20px; background:#EF3E33; padding: 15px 20px 5px 20px; text-align:center;}
.customerNews2 h2 {color:#FFF; margin-top:0; margin-bottom:10px; text-align:center; font-size:2em;}
.customerNews2 .fancybox-media { text-align:center;}
.customerNews2 p {color:#FFFFFF; line-height:1.286em;}
.customerNews2 p a {color:#FFFFFF;}
.customerForm {background-color:transparent; background:url(/img/cornerRight-gray.png) no-repeat right 1px; border-bottom:0; margin-top:4px; float:left; width:334px; margin-left:20px;}
.customerForm .inside { background-color: #F5F5F5; margin: 15px 0 0 0; padding: 20px 20px 5px 20px;}
.customerForm h2 { margin-top:0; color:#EF3E33; margin-bottom:11px; }
.customerForm p { margin-bottom:15px; width:294px; }
.customerForm input { vertical-align:middle; }
.customerForm .checkbox { vertical-align:top; }
.customerForm .textbox { border:0; padding:0.5em 10px; color:#666666; font-size:1em; width:254px; }
.customerForm .password { width:204px; }
.customerForm .button { background-color:#38bc15; border:0; color:#FFFFFF; width:50px; padding:0.5em 0; font-size:1em; font-family:"scarlet"; }
.customerForm .button:hover { background-color:#3CC915; }
.customerForm .forgot {line-height:1em; margin-bottom:10px; font-size:12px;}
.customerForm .forgot a { color:#666666;}
.customerForm .newPassword { line-height:1em; font-size:12px;}
.customerForm .newPassword a { color:#666666;}
.customerZone { width: 960px; padding-left:40px; clear:both;}
.customerZone .grid-item { width: 293px; float: left; background: #F5F5F5; margin-top:20px; border-bottom:1px solid #dedede; position:relative; cursor:pointer;}
.customerZone .important {cursor:default;}
.customerZone .grid-item .inside { margin:20px; }
.customerZone .grid-item .inside h3 {color: #333333; font-family: "dinregular",sans-serif; font-size: 1.429em; font-weight: normal; line-height: 1em; margin: 0.75em 0 0.5em;}
.customerZone .grid-item .inside .plusLink { height:2px;}
.customerZone .grid-item .inside .plusLink a { display:block; position:absolute; right:0; bottom:0; color:#555555; background-color:#e6e6e6; width:26px; height:26px; padding-left:2px; font-size:24px; text-decoration:none; text-align:center; line-height:28px;}
.customerZone .grid-item-hover .plusLink a,
.customerZone .grid-item .inside .plusLink a:hover { background-color:#EF3E33; color:#FFFFFF;}
.customerZone .grid-item .boxHead { padding:10px 20px; border-bottom: 1px solid #b2b2b2;}
.customerZone .grid-item .picture {}
.customerZone .grid-item .picture img { display:block; }
.customerZone .grid-item .boxHead h5 { color:#666666; font-size:1.286em; line-height:1.857em; padding-left:40px; margin:0px;}
.customerZone .important h1 { background:url("/img/siteElement/spriteBgGrey.png?version=20160428") no-repeat left -496px; color:#666666; font-size:1.286em; line-height:1.857em; padding-left:40px; margin:0px; font-family:Arial, Helvetica, sans-serif; letter-spacing:inherit;}
.customerZone .important h5 { background:url("/img/siteElement/spriteBgGrey.png?version=20160428") no-repeat left -496px;}
.customerZone .important p { line-height:1.429em;}
.customerZone .goodDeal h5 { background:url("/img/siteElement/spriteBgGrey.png?version=20160428") no-repeat left -546px;}
.customerZone .faq { background-color:#38bc15; color:#FFFFFF;}
.customerZone .faq .boxHead { border-bottom:0; background:url("/img/espaceClient/faq.png") no-repeat 20px 10px #33b012; padding:15px 20px 15px 95px;}
.customerZone .faq h2 { color:#FFF; margin:0px; font-size:1.786em; }
.customerZone .faq a { color:#FFF; font-weight:bold;}
.customerZone .grid-item--width2 { width: 606px; height:312px; }
.customerZone .babylongrid-container .column { position: relative; display: inline; float: left;}
.helpInfoCustomerZone .support span { white-space:nowrap;}


.customerZone .container-3 .column,
.customerZone .container-2 .column,
.customerZone .container-1 .column {width: 293px; margin-right:20px; }
.customerZone .babylongrid-container { width:100%;}
.customerZone .babylongrid-container:after, .babylongrid-container:before { content: ''; display: table; height: 0; clear: both; }

.chatFrame { width:100%; height:360px; border:0px;}

.call0800 { position:absolute; right:-15px; top:-15px; overflow:hidden; height:52px;}
.call0800 p { padding:6px 10px 6px 55px; margin-bottom:0px; margin-top:55px; height:33px; background: url(/img/temp/girlPhone.jpg) no-repeat 5px bottom; border:1px solid #ececec; }


/**/
.globalContainer { margin:0 auto; background:#fff url(/img/pageBorder.png) left top repeat-y; overflow:hidden; width:1000px; min-width:320px;}
.container { background:url(/img/pageBorder.png) repeat-y right 0; overflow:hidden; position:relative; padding-bottom:20px;}
.row { clear:both; overflow:hidden;}

#breadcrumb { margin:20px 40px 0px 40px; width:920px;}

.col-12 { margin:20px 40px 0px 40px; width:920px;}
.col-12-corner { margin:5px 0px 0px 0px; width:1000px; background:url(/img/cornerLeft-gray.png) no-repeat left 1px; float:left; position:relative;}
.col-12-corner .inside {padding:20px 40px; background-color:#F5F5F5; margin-top:15px;}

.col-8-left { margin:20px 10px 0px 40px; width:620px; float:left;}
.col-8-left-border-empty { margin:20px 19px 0px 40px; width:620px; float:left;}
.col-8-left-corner {margin:5px 10px 0px 0px; width:660px; float:left; background:url(/img/cornerLeft-gray.png) no-repeat left 1px;}
.col-8-right {margin:20px 40px 0px 10px; width:620px; float:right;}
.col-8-right-corner {margin:5px 0px 0px 10px; width:660px; float:right; background:url(/img/cornerRight-gray.png) no-repeat right 1px;}

.col-6-left {margin:20px 10px 0px 40px; float:left; width:450px;}
.col-6-left-corner {margin:5px 10px 0px 0px; float:left; width:490px; background:url(/img/cornerLeft-gray.png) no-repeat left 1px;}
.col-6-left-border {margin:20px 0px 0px 40px; float:left; width:440px; border-right:2px solid #e8e8e8; padding-right:19px;}
.col-6-left-border-empty {margin:20px 19px 0px 40px; float:left; width:440px;}
.col-6-right {margin:20px 40px 0px 10px; float:right; width:450px;}
.col-6-right-corner {margin:5px 0px 0px 10px; float:right; width:490px; background:url(/img/cornerRight-gray.png) no-repeat right 1px;}
.col-6-right-border {margin:20px 40px 0px 0px; float:right; width:440px; border-left:2px solid #e8e8e8; padding-left:19px;}
.col-6-right-border-empty {margin:20px 40px 0px 19px; float:right; width:440px;}

.col-5-right-corner {margin:5px 0px 0px 10px; float:left; width:405px; background:url(/img/cornerRight-gray.png) no-repeat right 1px;}
.col-5-right {margin:20px 40px 0px 10px; float:left; width:365px;}
.col-5-center {margin:20px 10px 0px 10px; float:left; width:405px;}

.col-4-left {margin:20px 10px 0px 40px; float:left; width:280px;}
.col-4-left-border {margin:20px 19px 0px 40px; float:left; width:280px; border-right:2px solid #e8e8e8; padding-right:19px;}
.col-4-left-border-empty {margin:20px 19px 0px 40px; float:left; width:280px;}
.col-4-left-corner {margin:5px 10px 0px 0px; float:left; width:320px; background:url(/img/cornerLeft-gray.png) no-repeat left 1px;}
.col-4-center {margin:20px 10px 0px 10px; float:left; width:320px;}
.col-4-center-border-both {margin:20px 0px 0px 0px; float:left; width:280px; border-left:2px solid #e8e8e8; border-right:2px solid #e8e8e8; padding:0 19px;}
.col-4-center-border-empty-both {margin:20px 0px 0px 0px; float:left; width:280px;}
.col-4-center-corner {margin:5px 10px 0px 10px; float:left; width:320px;}
.col-4-right {margin:20px 40px 0px 10px; float:right; width:280px;}
.col-4-right-border {margin:20px 40px 0px 19px; float:right; width:280px; border-left:2px solid #e8e8e8; padding-left:19px;}
.col-4-right-border-empty {margin:20px 40px 0px 19px; float:right; width:280px;}
.col-4-right-corner {margin:5px 0px 0px 10px; float:right; width:320px; background:url(/img/cornerRight-gray.png) no-repeat right 1px;}

.col-3-left {margin:20px 10px 0px 40px; float:left; width:195px;}
.col-3-center {margin:20px 10px 0px 10px; float:left; width:235px;}
.col-3-right {margin:20px 40px 0px 10px; float:right; width:195px;}
.col-12 .col-3 {float:left; width:230px;}

.col-2-left-corner {margin:5px 10px 0px 0px; float:left; width:150px; background:url(/img/cornerLeft-gray.png) no-repeat left 1px;}

.col-left-inside { margin-left:0px; margin-top:0px;}
.col-right-inside { margin-right:0px; margin-top:0px;}

.col-8-left-corner .inside,
.col-6-left-corner .inside,
.col-4-left-corner .inside,
.col-6-right-corner .inside,
.col-8-right-corner .inside,
.col-4-right-corner .inside,
.col-4-center-corner .inside,
.col-5-right-corner .inside,
.col-2-left-corner .inside {padding:20px; background-color:#F5F5F5; margin-top:15px;}

.right-corner {position:absolute; top:0; right:0; width:20px; height:20px; background:url(/img/cornerRight-gray.png) no-repeat right 1px; }
.col-red .right-corner {background:url(/img/cornerRight-red.png) no-repeat right 1px; }
.col-red-left {background:url(/img/cornerLeft-red.png) no-repeat left 1px; color:#FFFFFF;}
.col-red-left a {color:#FFFFFF;}
.col-red-left a:hover { text-decoration:none;}
.col-red-left .right-corner {background:url(/img/cornerRight-red.png) no-repeat right 1px;}
.col-red-left .inside { background-color:#EF3E33; color:#FFFFFF;}

.col-border-left { border-left:1px solid #e8e8e8; padding-left:9px; margin-left:0px;}
.col-border-right {border-right:1px solid #e8e8e8; padding-right:9px; margin-right:0px;}

.col-red {background:url(/img/cornerLeft-red.png) no-repeat left 1px; color:#FFFFFF;}
.col-red .inside {background-color:#EF3E33;}
.col-red h1,
.col-red h2,
.col-red h3,
.col-red h4,
.col-red h5,
.col-red h6 {color:#FFFFFF;}
.col-red .logo {background:url("/img/siteElement/spriteBgRed.png?version=20150909") no-repeat right -200px;}
.col-red .btnBestel a.button { border:1px solid #FFFFFF; white-space:nowrap;}
.col-red .callBack { border-top:2px solid #fac5c2;}
.col-red .callBack a { color:#FFFFFF;}

/* header */

.header { position:relative; overflow:hidden; background-color:#EF3E33; border-bottom:1px solid #FFFFFF; margin:0 20px; padding-bottom:15px;}
.header #help { margin-left:20px; color:#FFFFFF; margin-top:19px;}
.header #help a { display:block; font-size:1.143em; background-color:#38bc15; color:#FFFFFF; text-decoration:none; margin-top:10px; padding:5px 30px;  -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; float:left;}
.header #help a:hover { background-color:#31a312;}
.header .topBar { margin:19px 20px 0 0; text-align:right;}

.header .topBar ul { margin-bottom:12px; }
.header .topBar ul li { display:inline-block; vertical-align:middle; }
.header .topBar ul li a { color:#FFFFFF; padding:0 0 0 15px; text-decoration:underline; }
.header .topBar ul li a:hover { text-decoration:none; }
.header .topBar ul li.active a { color:gray; }
.header .topBar .search-box { position:relative; }
/*.header .topBar form { display:inline; }
.header .topBar input#form-submit { background:#fff url('/img/ico_search-submit.png') center top no-repeat; border:none; vertical-align:middle; display:inline-block; height:24px; width:35px; text-indent:-9999px; cursor:pointer; }
.header .topBar input#form-submit:hover { background-color:#38bc15; background-position:center bottom;}
.header .topBar input.searchbox { border:0; color:#666666; font-size:1em; display:inline-block; padding:2px 7px; width:135px; height:20px; vertical-align:middle; }*/
.header .topBar .st-default-search-input {-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border:0; padding:2px 7px 2px 24px; width:153px; height:24px;}
html div.st-ui-autocomplete div.st-query-present a.st-ui-result, html section.st-ui-slide-autocomplete div.st-query-present a.st-ui-result { padding-left:15px; padding-right:15px;}
.header #logo { text-align:center; margin-top:18px;}
.st-ui-container a.st-ui-result .st-ui-type-detail { max-height:33px;}


.helpInfo { clear:both; background-color:#FFFFFF; margin:20px 20px 0 20px; position:relative;}
.header .helpInfo { display:none;}
.header .helpInfoOpen {display:block;}
.helpInfoCustomerZone { border-top:2px solid #e8e8e8;}
.helpInfo .arrow { position:absolute; background:url(/img/siteElement/spriteBgRed.png?version=20150909) no-repeat center -300px; width:27px; height:11px; top:-11px; left:70px;}
.header .helpInfo .col-6-left-border { margin-left:20px; width:439px; padding-right:0px; margin-bottom:20px;}
.header .helpInfo .col-6-right-border-empty { margin-right:20px; width:420px; margin-bottom:20px;}
.helpInfo .col-6-left-border { margin-left:20px; }
.helpInfo .col-6-right-border-empty { margin-right:20px;}
.helpInfo .faq h2 { margin-bottom:2px; font-size:1.786em; margin-top:0;}
.helpInfo .faq h2 a { text-decoration:none;}
.helpInfo .faq li { list-style:none; float:left; margin-bottom:0px;}
.helpInfo .faq li a { text-decoration:none; color:#666; display:block; border:1px solid #CCCCCC; background:url(/img/siteElement/sprite.png?version=20150909) no-repeat; width:132px; text-align:center; height:23px; margin-right:10px; margin-top:10px; padding-top:48px;}
.helpInfo .faq li a:hover { background-color:#F5F5F5; color:#EF3E33; text-decoration:underline;}
.helpInfo .faq li.int a { background-position: center -592px;}
.helpInfo .faq li.tv a { background-position: center -692px;}
.helpInfo .faq li.tel a { background-position: center -792px;}
.helpInfo .faq li.mob a { background-position: center -892px;}
.helpInfo .faq li.bill a { background-position: center -995px;}
.helpInfo .faq li.abo a { background-position: center -1092px;}
.helpInfo .linkList { margin-bottom:0;}
.helpInfo .linkList li { margin-bottom:15px;}
.helpInfo .linkList li.last { margin-bottom:0;}
.helpInfo .linkList li a { text-decoration:underline; color:#EF3E33;}
.helpInfo .linkList li a:hover { text-decoration:none;}
.helpInfo h3 { margin-top:0px;}

.helpInfo .support h2 { font-size:1.786em; margin-top:0;}

.mobile-tool,
.mobile-search,
.mobile-menu { display:none;}


/* navigation */
.navigation { margin:0 20px; width:auto;}

.navigation ul { background-color:#EF3E33; float:none; list-style:none; overflow:hidden; width:auto; margin:0; }
.navigation ul li { display:block; float:left; padding:0; margin:0; }
.navigation ul li a { border-right:1px solid #FFFFFF; color:#fff; display:block; font-family:"dinregular", sans-serif; height:46px; line-height:44px; padding:0; position:relative; text-align:center; text-decoration:none; text-shadow:0 1px 0 #6d1b15; white-space:nowrap; font-size:1.4em; }
.navigation ul li a:hover { background:#EEEEEE; color:#ef3e33; text-decoration:none; text-shadow:none; }
.navigation ul li.on a { background:#fff; color:#ef3e33; text-decoration:none; text-shadow:none; }
.navigation ul li.on a { margin-top:0px; }
.navigation ul li.first a { border-left:none; }
.navigation ul li.last a { border-right:none; }
.navigation ul li.on a { border-left:none; border-right:none; }

.navigation ul #postpaid a { background-image: url(/img/siteElement/menuNew.png); background-position: right 0px; background-repeat:no-repeat;}
.navigation ul .on .postpaid { background-image: url(/img/siteElement/menuNew.png); background-position: right 0px; background-repeat:no-repeat; border:0px;}

.layer-opacity{ display:none;}

/* NewTab */
.newTab { clear:both; padding-top:1px;}
.newTab .col-tab-nav { margin:20px 20px 0px 20px; width:960px; background-color:#d4d4d4; list-style:none; overflow:hidden;}
.newTab .col-tab-nav li { float:left; float:left; margin:0; padding:0; position:relative; text-align:center; }
.newTab .col-tab-nav li a {color:#7d7d7d; display:block; font-size:1.2em; outline:medium none; padding:15px 0; text-decoration:none; text-shadow:1px 1px 1px #fff; border-right:2px solid #c2c2c2; border-top:3px solid #dedede; background-color:#dedede; background-image:-webkit-gradient(linear, left top, left bottom, from(#dedede), to(#cecece)); background-image:-webkit-linear-gradient(top, #dedede, #cecece); background-image:-moz-linear-gradient(top, #dedede, #cecece); background-image:-o-linear-gradient(top, #dedede, #cecece); background-image:linear-gradient(to bottom, #dedede, #cecece); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dedede', endColorstr='#cecece'); }
.newTab .col-tab-nav li a:hover { color:#000; background-image:none; background-color:#F5F5F5; filter:none; }
.newTab .col-tab-nav li.tabberactive a,
.newTab .col-tab-nav li.tabberactive a:hover { background-image:none; background-color:#FFFFFF; border-top:3px solid #ef3e33; color:#7d7d7d; cursor:default; filter:none; }
.newTab .tabbertab { display:none;}
.newTab .tabOn { display:block; clear:both;}

/* linkBar */
div.linkBar { margin-top:20px;}
.linkBar .inside { padding:12px 20px;}
.linkBar a { text-decoration:none;}
.linkBar a:hover { text-decoration:underline;}
.linkBar .FollowUs { float:right;}
.linkBar .FollowUs a img { vertical-align:bottom;}
.linkBar .FollowUs a:hover { text-decoration:none;}

/* siteMap */
.siteMap h3 { margin-top:0px;}
.siteMap a { text-decoration:none;}
.siteMap a:hover { text-decoration:underline;}
.siteMap li { list-style:none; margin-bottom:0.428em}
.siteMap li a { color:#666666;}

/* error 404 */
.childFocus404 { width:100%; height:650px;}

/* splash */
.splash .header #logo { margin-left:20px; margin-right:20px;}
.splash .col-6-left-border,
.splash .col-6-right-border-empty { text-align:center;}
.splash .CookiePolicy { text-align:left; font-size:12px; color:#999; margin-top:40px;}

/* storeLocator */
.storeLocator .col-12 { margin:0 30px; width:940px;}



/* temp */

.banner { position:absolute; top:142px; width:100%; z-index: 3000;}
.banner .inside { margin:0 auto; width:280px; position:relative; z-index:3001; background-color:#FFFFFF; border:1px solid #EF3E33; color:#333333; text-align:center; font-size:14px;}
.banner .bannerContent { padding:0 20px;}
.banner .bannerContent .btnBestel { margin-top:15px;}
.banner .inside a.close-banner { display:inline-block;width:18px; height:18px; padding:5px; position:absolute; right:10px; top:10px;}
.banner .layer-opacity-banner {left: 0px; right: 0px; top: 0px; bottom: 0px; z-index: 2999; position: fixed; display: block; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; background-color:#000000;}
.Surf-Mobile .banner-content { width:728px; margin:0 auto; background-color:#F00;}
.NewTVInterface {background:url(/img/temp/NewTVInterface.png) no-repeat right 15px; padding-right:110px;}
.jupilerProLeague {background:url(/img/temp/jupilerProLeagueBGWhite.jpg) no-repeat right 15px; padding-right:110px;}
.postpaid .avantageSurfMobile {min-height:135px;}
.avantageSurfMobile h4 {padding-right:55px;}
.avantageSurfMobile p {padding-right:55px;}
.moneySaverLink { display:none;}
#moneysaver { display:none;}



.bannerDeMol { position:absolute; top:142px; width:100%; z-index: 3000;}
.bannerDeMol h2 { font-size:28px; color:#EF3E33;}
.bannerDeMol .inside { margin:0 auto; padding:10px; width:280px; position:relative; z-index:3001; background-color:#FFFFFF; color:#333333; font-size:14px;}
.bannerDeMol .bannerContent { padding:0 20px;}
.bannerDeMol .bannerContent .btnBestel { margin-top:15px; margin-left:auto; margin-right:auto;}
.bannerDeMol .inside a.close-banner { display:inline-block;width:18px; height:18px; padding:5px; position:absolute; right:10px; top:10px;}
.bannerDeMol .layer-opacity-banner {left: 0px; right: 0px; top: 0px; bottom: 0px; z-index: 2999; position: fixed; display: block; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; background-color:#000000;}

.deMol {}
.deMol .col-12 {margin: 1px 20px 0; padding: 0 20px;}
.deMol .col-12 h1 { margin-top:0; padding-top:30px; margin-bottom:0; font-size:32px; letter-spacing:inherit;}
.deMol h4 { font-size:22px; line-height:24px; margin-top:0;}
.deMol .pInside { height:35px;}

.deMol .total { font-size:24px;}
.deMol fieldset { border:0;}
.deMol fieldset label { display:block; margin-bottom:5px;}
.deMol fieldset label.error { color:#F00; font-weight:bold; padding-top:5px;}
.deMol .personalInfo { padding-top:20px;}

.deMol fieldset label span { font-size:12px;}
.deMol form .col-4-center { margin-top:0px;}
.deMol .errorProduct { color:#000; text-align:center; font-weight:bold; font-size:16px; padding-top:10px; clear:both;}

.deMol form .row { margin-top:10px;}
.deMol form .btnBestel input { display:block; font-size:1.143em; background-color:#38bc15; color:#FFFFFF; text-decoration:none; margin-top:10px; padding:10px 20px;  -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; float:left; border:0; line-height:inherit;}
.deMol form .btnBestel input:hover { background-color:#31a312; cursor:pointer;}
.deMol form .mandatory { padding: 20px 0;}
.deMol form .inputTxt { padding:3px 5px; width:230px;}
.deMol .optin { position:relative;}
.deMol .optin input { position:absolute; top:0;}
.deMol .optin label { margin-top:10px; margin-left:20px;}
.deMol .optin label.error { float:none; clear:both;}
.deMol .thanks p { margin-top:20px; line-height:20px;}


.productsThx .col-12 {background:url(/img/temp/gradientOverlay.jpg) repeat-x 0 -92px #EF3E33;}

.productsThx .productsSelect { overflow:hidden; padding:10px 0; background:url(/img/temp/summerProductSepOverlay.png) no-repeat center 38px;}
.productsThx .productsSelect .snorkelSet { float:left; width:50%; text-align:center; margin:0;}
.productsThx .productsSelect .sunCream { float:left; width:50%; text-align:center; margin:0;}
.productsThx .productsSelect img { float:none;}

.deMol .thx { color:#FFF; padding-bottom:20px;}
.deMol .thx h2 { color:#FFF;}
.deMol .thx .btn a { font-size:1.143em; background-color:#38bc15; color:#FFFFFF; text-decoration:none; margin-top:10px; padding:10px 20px;  -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; display:inline-block;}
.deMol .thx .btn a:hover { background-color:#31a312;}


.home .col-4-left-corner .bannerHomeSummer {background:url(/img/temp/summerProdGradBannerHome.jpg) repeat-x center bottom #EF3E33; padding:0;}
.home .bannerHomeSummer .content {background:url(/img/temp/summerProdBannerHome.jpg) no-repeat right bottom; padding:20px 160px 20px 20px; }
.home .bannerHomeSummer h3 { margin-top:0; color:#FFF; font-size:20px; height:61px;}
.home .bannerHomeSummer .btnBestel { margin-bottom:0;}