.img-responsive {display:inline-block;}
@media (max-width: 991px) {.container {width: 100%!important;}}
@media (max-width: 1199px) {.container {width: 100%!important;max-width:1170px;}}
* {box-sizing: border-box;}
#middle {padding:0;}
a:active {text-decoration: none;}
.ui-loader {display: none;}
.line-through {text-decoration: line-through;}

/* new styles */
#global,
#middle {width: 100%;margin: 0;overflow: hidden;}
.diBlock{display:inline-block !important;}
.uppercase{text-transform: uppercase;}

/* GLOBAL */
#return-top {
    display: none;
    width: 54px;
    height: 31px;
    position: fixed;
    top: 365px;
    z-index: 999;
}
.global-fibre {font-family:'AvenirLTStd35Light';font-size:16px;}
.global-fibre section {
    clear:both;
    float: left;
    height:auto;
    padding: 25px 0 0;
    width: 100%;
    position:relative;
}
.generic-cta,
.generic-cta:visited{
    border:none;
    background:#e1061d;
    border-radius:3px;
    color:#fff;
    display: inline-block;
    font-family: 'AvenirLTStdMedium';
    font-size:125%;
    padding:0 5px;
    height:50px;
    line-height:50px;
    max-width:300px;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    transition:0.3s;
}
.generic-cta span {display: inline-block;line-height:1.15;vertical-align: middle;}
.generic-cta:hover,
.generic-cta:active,
.generic-cta:focus {background:#ca0116;color:#fff;}
.inverted.generic-cta,
.inverted.generic-cta:visited{
    border: 2px solid #e22735;
    background: #fff;
    border-radius: 5px;
    color: #e22735;
    display: inline-block;
    font-family: 'AvenirLTStdMedium';
    font-size: 115%;
    padding: 0 5px;
    height: 50px;
    line-height: 45px;
    max-width: 300px;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    transition: 0.3s;
}
.inverted.generic-cta:hover,
.inverted.generic-cta:active,
.inverted.generic-cta:focus{border-color: #ca0116;background: #ca0116;color: #fff;}

/* NAVIGATION */
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:active,
.navbar-default .navbar-nav>li>a:active {color: #fff;background-color: rgba(0, 0, 0, 0);}
.header-menu.navbar-nav li a {
    font-family: "AvenirLTStdHeavy";
    color: #000;
    text-transform: uppercase;
    font-size: 87.5%;
    line-height: 70px;
    padding:0;
}
.header-menu.navbar-nav li a:hover,
.header-menu.navbar-nav li a:active,
.header-menu.navbar-nav li a:focus {background: none;color: #000;text-decoration: none;}
#menu-fixed .header-menu {height: 155px;}
#menu-fixed .header-menu.navbar-nav li {
    display:inline-block;
    float:none;
    font-weight: 700;
    height: 70px;
    line-height:70px;
    margin-left:0.5%;
}
#menu-fixed .header-menu.navbar-nav li a {line-height: 100%;}
#menu-fixed {
    background: #fff;
    height: 110px;
    width: 100%;
    z-index: 2;
}
.compoz-price #menu-fixed {
    -moz-box-shadow: 0px 3px 5px 0px #ccc;
    -webkit-box-shadow: 0px 3px 5px 0px #ccc;
    -o-box-shadow: 0px 3px 5px 0px #ccc;
    box-shadow: 0px 3px 5px 0px #ccc;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#ccc, Direction=180, Strength=5);
}
#menu-fixed.affix-top {position: relative;}
#menu-fixed.affix {
    height: 60px;
    width: 100%;
    display: block;
    top: 0;
}
#menu-fixed .header-menu.navbar-nav {display:block;padding: 5px 0 0 0;width:100%;}
.fibre-home #menu-fixed .container {max-width:1300px;width:100%;}


.fibre-home #menu-fixed,
.fibre-home #menu-fixed.affix {
    height: 70px;
    z-index:10;
    float: left;
    width: 100%;
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.05);
}
.fibre-home #menu-fixed .header-menu.navbar-nav li {height: 70px;}
.fibre-home #menu-fixed .header-menu.navbar-nav {height:70px!important;padding: 0;text-align:center;}
.fibre-home #menu-fixed .navbar-nav li a {
    font-family: "AvenirLTStd35Light";
    color: #5c5c5c;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    padding: 0;
    transition:0.2s;
}
.fibre-home #menu-fixed .navbar-nav>.active>a,
.fibre-home #menu-fixed .navbar-nav>.active>a:active,
.fibre-home #menu-fixed .navbar-nav>.active>a:hover,
.fibre-home #menu-fixed .navbar-nav>.active>a:focus {
    background:none;
    font-family: "AvenirLTStdMedium";
    font-weight:700;
    position:relative;
}
.fibre-home #menu-fixed .navbar-nav>.active>a:after,
.fibre-home #menu-fixed .navbar-nav>.active>a:active:after,
.fibre-home #menu-fixed .navbar-nav>.active>a:hover:after,
.fibre-home #menu-fixed .navbar-nav>.active>a:focus:after {
    background:#535353;
    content:'';
    display:block;
    height:6px;
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
}
.fibre-home #menu-fixed .navbar-nav .second-link a {line-height: 70px;padding: 0 9px;}
.fibre-home #menu-fixed .navbar-nav li .generic-cta,
.fibre-home #menu-fixed .navbar-nav li .generic-cta:visited {
    border: none;
    color: #fff;
    font-size: 110%;
    font-weight: 700;
    height: 50px;
    line-height: 50px;
    max-width: 220px;
    padding: 0 15px;
    text-transform: inherit;
    width: 220px;
}
.fibre-home #menu-fixed .navbar-nav li .generic-cta:hover,
.fibre-home #menu-fixed .navbar-nav li .generic-cta:active,
.fibre-home #menu-fixed .navbar-nav li .generic-cta:focus {background:#ca0116;color:#fff;}
#menu-fixed .top-links {background: #fff;}
#menu-fixed.navbar-default {border: none;border-radius: 0;margin-bottom: 0;}

/* HEADER */
#header-container{
    background:#09090a url('/images/produits/fibre-laser/bkg-header-short.jpg?v=20190326') no-repeat;
    position:relative;
    padding: 0;
    background-size: cover;
    background-position: left center;
}
#header-container .header-title{
    color:#fff;
    font-family: 'AvenirLTStdHeavy';
    font-size: 2.48em;
    line-height: inherit;
    margin: 9.5vh 0 0.45em;
}
#header-container .access-list{
    color:#fff;
    font-family: 'AvenirLTStdMedium';
    font-size:75%;
    margin: 0 0 3vh;
    padding:0 10px 10px;
    text-align: center;
    text-transform: uppercase;
    position: relative;
}
#header-container .access-list:after{
    content:'';
    background:#fff;
    display: inline-block;
    height:2px;
    width:65px;
    position: absolute;
    bottom:-3px;
    left:calc(50% - 33px);
}
#header-container .header-mentions {color:#000;font-size:75%;margin: 135px 0 15px;}
.price{
    color:#fff;
    font-family: 'AvenirLTStdMedium';
    font-size: 95%;
    margin: 0 auto;
    width: 210px;
}
.price .des{color:#fff;display: block}
.price .euros{font-size: 450%; line-height: 1; font-weight: bold;}
.price .cents{font-size: 270%; line-height: 0.9; font-weight: bold; display:block; margin-top:7px;}
.price .mois{font-size: 130%; line-height: 1.1;}
.panel .price {
    font-family: 'AvenirLTStdMedium';
    margin: 0 auto;
    padding-bottom:5px;
    width: 100%;
}
.panel .price .des{display: block}
.panel .price .euros{font-size: 450%; line-height: 1; font-weight: bold;}
.panel .price .cents{font-size: 270%; line-height: 0.9; font-weight: bold; display:block; margin-top:7px; text-align: left}
.panel .price .mois{font-size: 130%; line-height: 1.1; text-align: left}
#header-container .header-action {margin: 5vh 0 100px;}
.with-promo #header-container .old-price {
    color: #fff;
    font-size: 0.85em;
    line-height: 1.6;
    margin: 0.9vh 0 10px;
    text-align: center;
    width: 100%;
}

/* eligibility mobile block */
#eligibility-mobile {padding: 30px 0;text-align: center;}
#eligibility-mobile .section-title {
    font-size: 1.625em;
    font-family: 'AvenirLTStdmedium';
    line-height: 1;
    padding: 0 0 20px;
}

/* --------------------------PRESENTATION ----------------------- */
.fibre-home {background:#f7f7f7;color:#5c5c5c;}
.fibre-home .h1 {
    color:#2a2a2a;
    font-family: 'AvenirLTStdHeavy';
    font-size:150%;
    line-height:1.2;
    margin:0;
    padding:0;
    text-align:center;
    text-transform: uppercase;
}
.fibre-home .h2  {
    font-family: 'AvenirLTStd35Light';
    font-size:95%;
    text-transform: none;
    position:relative;
    top:-2px;
}

section .section-title{
    font-family: 'AvenirLTStd35Light';
    font-size:2.188em;
    margin: 0.75vh 0 1.3vh;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
}
section .section-title b{display:block;font-family: 'AvenirLTStdHeavy';}
section .section-title .inline{display:inline;}
section .section-text {font-size:95%;line-height: 1.15;padding-bottom:3vh;}

/******* PLUS RAPIDE ********/
#rapidity{background:#ecf0f1;text-align: center;}
#rapidity .second-block {
    background: #ecf0f1 url('/images/produits/fibre-laser/rapidity-background.jpg?v=20180416') no-repeat left center;
    background-size: auto 100%;
}
#rapidity .plus-list{
    float:left;
    height:auto;
    margin: 7vh 0 5.5vh;
    padding:0;
    width:100%;
}
#rapidity .plus-list li {
     background:#fff;
     display:block;
     float:left;
     min-height:175px;
     margin:0 10px 10px 0;
     padding:15px 0 0;
     text-align: center;
     width:170px;
     position: relative;
}
#rapidity .plus-list li:nth-child(even) {margin:0 0 10px 0;}
#rapidity .plus-list i{color:#e1061d;font-size:290%;}
#rapidity .plus-list .plus {
    color:#e1061d;
    display:block;
    font-family: 'AvenirLTStdHeavy';
    font-size:1.15em;
    font-style:italic;
    padding:5px 0 0;
}
#rapidity .plus-list li p{
    color:#727272;
    font-size:85%;
    font-family: 'AvenirLTStdMedium';
    line-height: 1.2;
    margin:5px 0 0;
    padding:0 5px;
}

/* NOTRE OFFRE */
#offer-table{background:#fff;padding-bottom:5vh;}
#offer-table .smaller-row {margin:0 -7px;}
#offer-table .offer-col {margin-top:2vh;}
#offer-table .panel{
    border-radius:0;
    box-shadow: 0px -5px 5px 0px rgba(0,0,0,0.1);
    border:none;
    border-bottom:3px solid #f9f9f9;
    min-height: 570px;
    overflow:hidden;
    text-align: center;
    position:relative;
}
#offer-table .panel-heading{border-radius:0; color:#fff; padding:9px;}
#offer-table .panel-body {padding: 0 0 10px;}
#offer-table .panel .ruban{
    background: #ed1c24;
    color: #fff;
    font-size: 90%;
    padding: 5px 20px;
    text-align: center;
    width: 145px;
    position: absolute;
    right: -43px;
    box-shadow: 0px 0 15px 0px rgba(0,0,0,0.5);
    top: 19px;
    transform: rotate(45deg);
}
#offer-table .panel .ruban{
    background: #fff;
    color: #ed0c55;
    font-size: 90%;
    font-family:'AvenirLTStdHeavy';
    padding: 5px 20px;
    text-align: center;
    width: 145px;
    position: absolute;
    right: -43px;
    box-shadow: 0px 0 15px 0px rgba(0,0,0,0.5);
    top: 19px;
    transform: rotate(45deg);
}
#offer-table .panel .panel-heading{border-bottom:0;}
#offer-table .panel.vital .panel-heading{background:#3498db;}
#offer-table .panel.ideal .panel-heading{background:#ed145b;}
#offer-table .panel.extra .panel-heading{background:#556372;}
#offer-table .panel.ultra .panel-heading{background:#525252;}
#offer-table .panel-body_header {color:#fff;padding:15px 5px;}
#offer-table .vital .panel-body_header {background:#235690;}
#offer-table .ideal .panel-body_header {background:#8e004c;}
#offer-table .extra .panel-body_header {background:#223446;}
#offer-table .ultra .panel-body_header {background:#000;}
#offer-table .table-col-title {
    color:#fff;
    font-size:1.563em;
    font-family: 'AvenirLTStdMedium';
    line-height: 1.15;
    padding-bottom:5px;
    text-transform: uppercase;
}
#offer-table .price {color:#fff;font-size:53%;}
#offer-table .infos .table-text {color:#fff;font-size: 1.33em;line-height:1;margin-top:5px}

#offer-table .table-col-title {
    color:#fff;
    font-size:1.563em;
    font-family: 'AvenirLTStdMedium';
    line-height: 1.15;
    text-transform: uppercase;
}
#offer-table .panel-body .colored {color: #e1061d;text-transform: none;}
#offer-table .panel-body sup {font-size:60%;vertical-align: middle;}
#offer-table .table-text {
    color:#333;
    font-size:0.875em;
    line-height: 1.3;
    font-family: 'AvenirLTStdHeavy';
    margin: 0;
    padding:0;
}
#offer-table .access-list {margin:0;padding-top:20px;}
#offer-table .access-list li{
    clear:both;
    min-height:65px;
    line-height:65px;
    padding: 0 5px 10px;
}
#offer-table .access-list .acces {
    color:#404040;
    display:inline-block;
    font-family: 'AvenirLTStdHeavy';
    font-size: 0.875em;
    line-height:1.15;
    text-transform: uppercase;
    vertical-align: top;
    width:100%;
}
#offer-table .acces  .table-text {
    color:#908e8e;
    font-family: 'AvenirLTStd35Light';
    font-size: 0.85714em;
    line-height: 1.35;
    margin: 0;
    padding:0;
    text-transform: none;
}
#offer-table .access-list li .acces.very-long {letter-spacing: -0.065em;}
#offer-table .offer-table-mentions{color: #323232;font-family: 'AvenirLTStdMedium';font-size: 100%;padding: 30px 0 50px;text-align: center}
#offer-table .offer-table-mentions p{font-size: 90%; margin:0; line-height:1.3;}
#offer-table .section-actions {margin-top:20px;}

/* SCHEMA */
#schema {background:#ecf0f1;text-align: center;padding-bottom:4vh;}
#schema .schema-picture {padding:30px 0 10px;}
#schema .schema-legend {color:#818181;font-family: 'AvenirLTStdHeavy';line-height:1.4;}
#schema .schema-legend:last-child {margin-top:4vh;}
#schema .schema-legend b {
    color:#484848;
    display: block;
    font-size:1.125em;
    line-height: 1.15;
    padding:0 0 12px;
}

/* CORPORATE */
#corporate {background:#fff;color:#303030;padding: 45px 0 35px;text-align:center;}
#corporate .section-title {position:relative;padding-bottom:40px;}
#corporate .section-title .colored {color:#d64643;}
#corporate .section-title:after {
    background:#444;
    content:'';
    height:2px;
    margin:0 auto;
    width:50px;
    position:absolute;
    left:15px;
    right:15px;
    bottom:22px;
}
#corporate .description {line-height: 1.25;padding:0 0 15px;}

/* TSS */
.global-fibre #tss-section {padding-top:0;}


/* AJOUT LIEN SUR TABLEAU PRIX */
#offer-table .table-to-eligibility {display: block;}
#offer-table .table-to-eligibility .panel {transition:0.2s;}
#offer-table .table-to-eligibility:hover .panel {box-shadow: 0px 0 15px 0px rgba(0,0,0,0.5);}

/* MODAL CHAINES TV */
#myTVChannels .modal-header {
    background-image: url('/images/produits/mvno/television/bandeau-fibre.jpg?v=20181220');
}

@media(max-width:1199px) {
    #header-container .price {margin-top:0;}
    #offer-table .access-list {padding-left:0;margin-left:0;}
    #offer-table .panel-body-footer {right: 0;}
    #offer-table .access-list > li  > .acces.very-long {letter-spacing: inherit;}
}

@media(min-width:992px) {
    #header-container {min-height: 450px;}
    .fibre-home #menu-fixed .navbar-nav .second-link a {letter-spacing:-0.05em;padding: 0 11px;}
    .fibre-home #menu-fixed .navbar-nav li a {font-size: 14px;}
}
@media(min-width:992px) and (max-width: 1199px) {
    #header-container {background-position: -120px center;}
    #rapidity .visuel {
        background: linear-gradient(135deg, rgba(237,237,237,0) 0%,rgba(237,237,237,0) 65%,rgba(237,237,237,0.4) 70%,rgba(237,237,237,1) 100%),url('/images/produits/fibre-laser/rapidity-background.jpg?v=20180222') no-repeat;
        height: 100%;
        min-height: inherit;
    }
}
@media(min-width:1200px) {
    .fibre-home #menu-fixed .navbar-nav .second-link a {padding: 0 20px;}
    #rapidity .second-block {background-position: left center;background-size: cover;}
    #vod-news,
    [id^="mvno-block-"].option-tv .colored-list {width: 90%;margin: 0 auto;}
}
@media(min-width:1300px) {
    #rapidity .visuel{left: inherit;right: 40%;}
}
@media(min-width:1400px) {
    #header-container {background-position: left center;background-size: auto 100%;}
}
@media(max-width:991px) {
    .fibre-home #menu-fixed .container {padding:0;}
    .fibre-home #menu-fixed .navbar-nav .second-link a,
    #menu-fixed .navbar-nav .second-link a {font-size: 0.75em;padding: 0 6px;letter-spacing: -0.05em;}
    #menu-fixed .header-menu.navbar-nav {padding: 15px 0 0 0;}
    .fibre-home #menu-fixed .navbar-nav li .generic-cta{max-width: 140px;width: 100%;}
    #header-container {padding-bottom:2vh;}
    #header-container:before {background: rgba(0,0,0,0.6);content:'';display:block;height:100%;width:100%;position:absolute;}
    #header-container .header-title {line-height: 1;margin: 5.5vh 0 0.45em;}
    #offer-table .panel-heading .ruban {right: -15%;}
    #header-container .h1 {left: 0;}
    #offer-table .panel {min-height: 570px;}
    #rapidity .second-block {background-position: 35% bottom;background-size: auto 100%;}
}
@media (min-width:768px) and (max-width:991px) {
    #header-container .h1 {margin: 3vh 0 0.3em;}
    #header-container .header-action {margin: 5vh 0 5vh;}
    #header-container .pastille {right: inherit;top: -30px;left: calc(74% - 90px);}
    #header-container .access-list,
    #header-container .baseline,
    .price .des,
    .price .old-price {color: #fff;}
}
@media(min-width:768px) {
    #rapidity .cubes {padding: 0;}
}
@media(min-width: 768px) and (max-width: 850px) {
    #offer-table .panel {min-height: 610px;}
}
@media (max-width:767px) {
    .global-fibre section {font-size: 115%;padding: 30px 0 40px!important;}
    .global-fibre #tss-section {padding: 0!important;}
    section .section-title {font-size:1.35em;padding: 0 0 3vh;}
    #eligibility-mobile .section-title {font-size: 1.35em;line-height: 1.15;}
    .generic-cta {padding: 0 5px;font-size: 130%;}
    .fibre-home #header-container {background-image:url('/images/produits/fibre-laser/bkg-header-short-mobile.jpg?v=20190326');background-position:center center;padding: 0 0 2vh!important;}
    #header-container .header-title {margin: 3.5vh 0 0.45em;}
    #menu-fixed .header-menu.navbar-nav li {display: inline-block;}
    #menu-fixed .header-menu.navbar-nav {height:auto;margin:0;padding:0;text-align: center;}
    #menu-fixed .header-menu.navbar-nav li {height:50px;}
    #menu-fixed .header-menu.navbar-nav .login-link {padding-top: 8px;}
    #header-container .h1 {margin: 4vh 0 0.3em;}
    #header-container .baseline {line-height: 1.15;text-align:center; margin:0; padding-bottom:20px;}
    #header-container .access-list {font-size: 100%;}
    #header-container .price{
        font-size: 100%;
        margin-top:0;
        text-align: center;
        width:230px;
    }
    #header-container .price .des {text-align: left;padding-left: 30px;}
    #header-container .price .diBlock{margin:0 !important}
    #header-container .price .euros,
    #header-container .price .cents{line-height:0.8}
    .with-promo #header-container .old-price {margin: 15px 0 10px;}
    #header-container .header-action {margin: 5vh 0 5vh;}
    #header-container .header-mentions { color: #fff;margin: 20px 0 15px;}
    #header-container .pastille {right: inherit;top: -20px;left: 58%;}
    .with-promo .old-price {margin: 5px 0 15px;}
    .with-promo .old-price {width: 100%;}
    #offer-table .section-title {padding: 0;}
    #offer-table .offer-col-container {
        height: auto;
        margin: 0;
        width: 100%;
        overflow-x: auto;
    }
    #offer-table .offer-col-contents {
        height: auto;
        overflow: hidden;
        padding: 0;
        width:175%;
    }
    #rapidity{height:auto}
    #rapidity .h1 {text-align: center;}
    #rapidity .section-text {display: none;}
    #rapidity .second-block {background-image: none;}
    #rapidity .plus-list{margin:0;padding:0;}
    #rapidity .plus-list li {width:calc(50% - 5px);min-height: 180px;}
    #corporate {padding-top:30px;}
    .global-fibre .option-kiosk {padding: 30px 0 0!important;}
    .option-kiosk_illustration {overflow:hidden;position: relative;}
    .option-kiosk_illustration .img-responsive {
        max-width:inherit;
        width: 130%;
        position: relative;
        left: -15%;
    }
    #corporate {background: #ecf0f1;}
}
@media(min-width:601px) and (max-width: 767px) {
    #offer-table .panel {min-height: 590px;}
}
@media(max-width:600px) {
    #offer-table .offer-col-contents {width:270%;}
    #offer-table .panel {min-height: 570px;}
}
@media(max-width:479px) {
    .fibre-home .generic-cta {letter-spacing: -0.04em;}
    #menu-fixed.navbar-default {height: auto;}
    #menu-fixed .header-menu.navbar-nav .login-link {padding-top: 0;width: 100%;text-align: center;}
    #header-container .baseline {font-size:140%;}
    #header-container .access-list {font-size: 75%;}
    #header-container .price {float: none;margin: 0 auto;width:230px;}
    .with-promo #header-container .pastille {
        background: #3b3b3b;
        max-width: 230px;
        height: auto;
        left: auto;
        margin: 20px auto;
        padding: 10px 15px;
        position: relative;
        right: auto;
        top: auto;
        width: 280px;
    }
    .with-promo #header-container .pastille .pre span{display:inline;}
    #header-container .header-action {margin: 2vh 0 5vh;}
    #rapidity .plus-list li {min-height: inherit;margin-left:0;padding-bottom:15px;width:100%;}
    #offer-table .offer-col-contents {width: 360%;}
}

/* MOBILE MVNO */
[id^="mvno-block-"] {
    clear: both;
    float: left;
    height: auto;
    margin:0;
    padding: 0;
    text-align: center;
    width: 100%;
    position: relative;
}
[id^="mvno-block-"].mobile {
    background:#fff url('/images/produits/mvno/mobile/mobile-bkg_fibre.jpg?v=20190326') no-repeat right center;
    background-size:auto 100%;
    padding: 60px 0 55px;
}
[id^="mvno-block-"] .section-title{
    color:#292929;
    font-family: 'AvenirLTStd35Light';
    font-size:2.188em;
    margin: 0.75vh 0 1.3vh;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
}
[id^="mvno-block-"] .section-title b{display:block;font-family: 'AvenirLTStdHeavy';}
[id^="mvno-block-"] .section-title .inline{display:inline;}
[id^="mvno-block-"] .section-text {font-size:95%;line-height: 1.15;padding-bottom:3vh;}
[id^="mvno-block-"] .section-actions {text-align: center;}
[id^="mvno-block-"] .generic-cta,
[id^="mvno-block-"] .generic-cta:visited{
    border: 2px solid #e22735;
    background: #fff;
    border-radius: 5px;
    color: #e22735;
    display: inline-block;
    font-family: 'AvenirLTStdMedium';
    font-size: 115%;
    padding: 0 5px;
    height: 60px;
    line-height: 55px;
    max-width: 380px;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    transition: 0.3s;
}
[id^="mvno-block-"] .generic-cta:hover,
[id^="mvno-block-"] .generic-cta:active,
[id^="mvno-block-"] .generic-cta:focus{border-color: #ca0116;background: #ca0116;color: #fff;}
[id^="mvno-block-"].mobile .link {color:#ed1c60;}
[id^="mvno-block-"].mobile .section-title + .section-text {font-size:1em;}
[id^="mvno-block-"] .mvno-list ul {margin: 10px 0;padding: 0;text-align: center;}
[id^="mvno-block-"] .mvno-list-picto {
    color:#292929;
    display:inline-block;
    font-size:450%;
    height:65px;
    line-height: 65px;
    vertical-align: top;
    width:65px;
    position: relative;
    top: -7px;
}
[id^="mvno-block-"] .picto-orange-4g,
[id^="mvno-block-"] .picto-france-map {width:100%;}
[id^="mvno-block-"] .picto-orange-4g {top: 0;}
[id^="mvno-block-"] .mvno-list-picto i {display:inline-block;line-height: 1;vertical-align: top;}
[id^="mvno-block-"].mobile .mvno-list li:nth-child(2) .mvno-list-picto {font-size:330%;}
[id^="mvno-block-"].mobile .mvno-list li:nth-child(3) .mvno-list-picto {font-size:330%;}
[id^="mvno-block-"].mobile .mvno-list li:nth-child(4) .mvno-list-picto {font-size:400%;}
[id^="mvno-block-"] .mvno-list-text {
    color:#393939;
    display:inline-block;
    float:left;
    font-family: 'AvenirLTStdMedium';
    font-size:0.85em;
    font-weight: 700;
    min-height:80px;
    line-height: 1.3;
    margin:0 0 10px;
    padding-left:10px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    width:100%;
}
[id^="mvno-block-"] .mvno-list-text small{display:block;font-size:0.800em;text-transform: none;}
[id^="mvno-block-"].mobile .mvno-list li:nth-child(1) .mvno-list-text,
[id^="mvno-block-"].mobile .mvno-list li:nth-child(2) .mvno-list-text {min-height:60px;}


[id^="mvno-block-"].phone {background:#ecf0f1;padding: 50px 0 30px;}
[id^="mvno-block-"].phone .container {position:relative;z-index:1;}
[id^="mvno-block-"].phone .section-title {margin-bottom:2.5vh;}
[id^="mvno-block-"].phone .section-text {padding-bottom: 2vh;}
[id^="mvno-block-"].phone .mvno-list-picto {
    color:#393939;
    float:none;
    font-size:280%;
    width:45px;
}
[id^="mvno-block-"].phone .mvno-list-text {
    float:none;
    font-size:1.15em;
    min-height:70px;
    width:auto;
}
[id^="mvno-block-"].phone .mvno-list-text small{font-family: 'AvenirLTStd35Light';font-size:0.9em;font-weight: 300;}
[id^="mvno-block-"].phone .mvno-list {margin-top:3vh;}
[id^="mvno-block-"].phone .speakers {
    position:absolute;
    right: 0;
    top:-160px;
    z-index:0;
}
[id^="mvno-block-"].multimedia {
    background:#fff url('/images/produits/mvno/mobile/multimedia-bkg_fibre.jpg?v=201900326') no-repeat left center;
    background-size:auto 100%;
    padding:50px 0 30px;
}
[id^="mvno-block-"].multimedia .section-title {margin-bottom: 2.5vh;}
[id^="mvno-block-"].multimedia .section-text:nth-child(5) {margin-top:5vh;padding-bottom: 1vh;}
[id^="mvno-block-"].multimedia .scroll-to-offer i {
    background:#dadada;
    border-radius:50%;
    color:#000;
    font-size:300%;
    height:49px;
    line-height: 49px;
    text-align: center;
    vertical-align: middle;
    width:49px;
    transition:0.2s;
}
[id^="mvno-block-"].multimedia .scroll-to-offer:hover i {background:#000;color:#dadada;}
[id^="mvno-block-"].multimedia .section-actions {position:relative;}
[id^="mvno-block-"].multimedia .section-actions .scroll-to-offer {
    margin:0 auto;
    position: absolute;
    bottom: inherit;
    top: -5px;
    right:0;
    left:0;
    z-index: 1;
}
[id^="mvno-block-"].option-tv {background:#ecf0f1 url('/images/produits/mvno/mobile/selection-vod.png?v=20180417') no-repeat bottom right;padding:50px 0 30px;}
[id^="mvno-block-"].option-tv .section-title + .section-text {font-size:1.125em;padding-bottom:1.5vh;}
[id^="mvno-block-"].option-tv .section-text.bold {font-family: 'AvenirLTStdHeavy';font-size:100%;}
[id^="mvno-block-"].option-tv .section-text .colored{color:#e1061d;}
[id^="mvno-block-"].option-tv .option-tv-contents {float:left;width:100%;position: relative;}
[id^="mvno-block-"].option-tv .option-tv-picture {
    height:100%;
    padding:0;
    text-align:right;
    position:absolute;
    left:0;
    top:0;
    z-index:1;
}
[id^="mvno-block-"].option-tv .option-tv-picture img {
    position:relative;
    right: -60px;
    top: -2%;
    z-index:1;
}
[id^="mvno-block-"].option-tv .option-tv-channels {text-align: left;}
[id^="mvno-block-"].option-tv .small-text{font-size:0.750em;padding:10px 0;}
[id^="mvno-block-"].option-tv .small-text.bottom{
    clear:both;
    max-width:613px;
    text-align: right;
    width:100%;
}
[id^="mvno-block-"].option-tv .colored-list {margin:0;padding:4vh 0 0;}
[id^="mvno-block-"].option-tv .colored-list li:before {
    color:#d51252;
    content: "\e90e";
    display: inline-block;
    font-family: 'nncom';
    font-size:310%;
    position:absolute;
    top:-12px;
    left:10px;
}
[id^="mvno-block-"].option-tv .colored-list li {
    line-height: 1.15;
    padding:0 0 30px 70px;
    text-align: left;
    position:relative;
}
[id^="mvno-block-"].option-tv .colored-list li b{
    font-family: 'AvenirLTStdHeavy';
    display:block;
    padding:0 0 5px;
    text-transform: uppercase;
}

/* KIOSK */
[id^="mvno-block-"].option-kiosk .section-title + .section-text {color:#292929;font-size:1.125em;padding-bottom:1.5vh;}
[id^="mvno-block-"].option-kiosk .section-text {font-size:1em;}
[id^="mvno-block-"].option-kiosk .option-kiosk-contents {margin-bottom:30px;}

    /***** Nouveautés VOD ******/
#vod-news .vod-list-container {margin:0;}
#vod-news .vod-list-container li{float: left;padding: 10px 5px 0 0;width: calc(15% - 29px);}
#vod-news .vod-list-container li img{width:100%;}
#vod-news .small-text{color:#afb0b0;padding-top:20px;text-align: left;}
@media(min-width:1200px) {
    [id^="mvno-block-"].option-tv .colored-list {width: 90%;margin: 0 auto;}
    #vod-news .vod-list-container li {width: calc(15% - 35px);}
}
@media(min-width:992px) and (max-width:1199px) {
    [id^="mvno-block-"].phone .speakers {right: -15%;}
    [id^="mvno-block-"].mobile {background-position-x: 130%;}
    [id^="mvno-block-"].multimedia {background-position-x: calc(82% - 515px);background-size: auto 100%;}
    [id^="mvno-block-"].option-tv .option-tv-picture img {right: -50px;top: -12%;}
    [id^="mvno-block-"].option-tv .option-tv-contents {margin-top:2vh;}
}
@media(min-width:992px) and (max-width:1024px) {
    [id^="mvno-block-"].multimedia {background-position-x: calc(100% - 515px);}
}
@media(max-width:991px) {
    [id^="mvno-block-"].phone .speakers {display:none;}
    [id^="mvno-block-"].mobile,
    [id^="mvno-block-"].multimedia {background-image: none;}
    [id^="mvno-block-"].option-tv .option-tv-picture img {right: -30px;}
}
@media(max-width:767px) {
    [id^="mvno-block-"].option-tv .option-tv-channels {text-align: center;}
    [id^="mvno-block-"].option-tv .option-tv-channels .small-text {font-size:100%;text-align: center;}
    [id^="mvno-block-"].option-tv .colored-list li {padding: 0 0 30px 50px;}
    [id^="mvno-block-"].option-tv .colored-list li:before {font-size: 280%;left: -5px;}
    [id^="mvno-block-"].option-tv .small-text.bottom {max-width: inherit;}
    [id^="mvno-block-"] .section-title{font-size:1.35em;}
    [id^="mvno-block-"] .mvno-list + .section-text{clear: both; padding: 20px 0 40px;}
    [id^="mvno-block-"].multimedia .section-title {margin-bottom: 4vh;}
    [id^="mvno-block-"].multimedia .section-actions .scroll-to-offer {display: inline-block;top:5px;}
    [id^="mvno-block-"].option-tv {padding-top:50px!important;}
    [id^="mvno-block-"].option-tv {background-image:none;}
    [id^="mvno-block-"] .mvno-list-picto {font-size: 400%;}
    [id^="mvno-block-"].mobile .mvno-list li:nth-child(4) .mvno-list-picto {font-size: 360%;}
}
@media(max-width:479px) {
    [id^="mvno-block-"] .mvno-list ul li {width:100%;}
    [id^="mvno-block-"].mobile .mvno-list-picto {float:none;}
    [id^="mvno-block-"].mobile .mvno-list-text {
        display: block;
        float:none;
        margin:0 0 40px;
        min-height:inherit!important;
        padding-left: 0;
        width:auto;
        height: auto;
        line-height: 1.15;
        text-align: center;
        vertical-align: middle;
    }
    [id^="mvno-block-"].mobile .mvno-list-text span{display: inline-block;line-height: 1.3;vertical-align: middle;}
}