.false_ico_step1{
    background-image: url('../onglets/step1.png');
    width: 237px;
    height: 139px;
}
.false_ico_step2{
    background-image: url('../onglets/step2.png');
    width: 237px;
    height: 139px;
}
.false_ico_step3{
    background-image: url('../onglets/step3.png');
    width: 237px;
    height: 139px;
}
.false_ico_step4{
    background-image: url('../onglets/step4.png');
    width: 237px;
    height: 139px;
}

.false_ico_chiffre1{
    background-image: url('../onglets/chiffre1.png');
    width: 58px;
    height: 58px;
}
.false_ico_chiffre2{
    background-image: url('../onglets/chiffre2.png');
    width: 58px;
    height: 58px;
}
.false_ico_chiffre3{
    background-image: url('../onglets/chiffre3.png');
    width: 58px;
    height: 58px;
}
.false_ico_chiffre4{
    background-image: url('../onglets/chiffre4.png');
    width: 58px;
    height: 58px;
}

.false_ico_niveau1{
    background-image: url('../onglets/niveau1.png');
    width: 67px;
    height: 68px;
}
.false_ico_niveau2{
    background-image: url('../onglets/niveau2.png');
    width: 154px;
    height: 68px;
}
.false_ico_niveau3{
    background-image: url('../onglets/niveau3.png');
    background-size: 100%;
    width: 100%;
    height: 68px;
}
.false_ico_budget_orange{
    background-image: url('../images/icon-budget-orange.png');
    background-size: auto 100%;
    background-position: center;
    width: 100%;
    height: 68px;
}
.false_ico_giftcheck_orange{
    background-image: url('../images/icon-gift-orange.png');
    background-size: auto 100%;
    background-position: center;
    width: 100%;
    height: 68px;
}
.false_ico_gestion_avantage_orange{
    background-image: url('../images/icon-gestion-avantage.png');
    background-size: auto 100%;
    background-position: center;
    width: 100%;
    height: 68px;
}
.false_ico_gestion_benef_orange{
    background-image: url('../images/icon-gestion-benef.png');
    background-size: auto 100%;
    background-position: center;
    width: 100%;
    height: 68px;
}
.false_ico_star_orange{
    background-image: url('../images/icon-star-orange.png');
    background-size: auto 100%;
    background-position: center;
    width: 100%;
    height: 68px;
}

.header-onglets .onglet{
   padding: 1.5rem 2rem;
   position: relative;
   display: inline-block;
   font-size: 20px;
   background-color: #fff;
   color: #162056;
}
.header-onglets .onglet.actif{
   border-color: #fff;
}

.onglet .border-blue-inactif{
   display: none;
}
.content-onglets .content-onglet{
   display: block;
}

.container-onglets{
    display: block;
    position: relative;
    width: 100%;
}
.header-onglets .onglet >h3{
    font-size: 20px;
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    max-width: 60%;
    line-height: 16px;
    hyphens: none;
}
.content-onglet >h3{
    text-align: center;
    margin-bottom: 3rem;
    margin-top: 1rem;
    font-size: 29px;
    position: relative;
}

.content-onglet .row h3{
    margin-bottom: 0;
    position: relative;
    width: 100%;
    font-size: 27px;
    line-height: 27px;
}
.content-onglet .row h3 p{
    margin-top: 5px;
}
.text-conseille{
    position: absolute;
    top: -35px;
    font-size: 10px;
    color: #FFF;
    background-color: #162056;
    border-radius: 15px;
    padding: 2px 10px;
}

.header-slide .image-header{
    display: inline-block;
    max-width: 25%;
    padding-right: 25px;
    vertical-align: middle;
}

.header-with-image .header-slide .f0{
    font-size: 0;
}
.header-with-image h3{
    display: inline-block;
    vertical-align: middle;
    padding-right: 20px;
}
.header-slide .arrow-mod{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.header-slide{
    padding: 2em 0;
    position: relative;
}
.header-slide .text-small{
    font-size: 14px;
    line-height: 16px;
}
@media screen and (max-width: 1150px) and (min-width: 992px){
    .header-onglets .onglet{
        padding: 1.5rem 1rem;
    }
    .falsesprite{
        max-width: 30%!important;
    }
    .header-onglets .onglet >h3{
        max-width: 60%;
    }
}
@media screen and (max-width: 991px) {
    /*.header-slide{
        min-height: 160px;
    }*/

    .featured-top-modal .spb_top_center{
        left: 10%;
        right: 10%;
    }
    .header-onglets .onglet{
        box-shadow:2px 2px 10px rgba(112,112,112,0.49);
        border-radius: 10px;
    }
    .header-onglets .slick-slide >div{
        margin: 15px;
    }
    .content-onglets.slick-slider >.slick-list{
        display: block;
        width: 90%;
        margin: 0 auto;
        box-shadow:2px 2px 10px rgba(112,112,112,0.49);
        padding: 1rem;
        border-radius: 10px;
        margin-top: 1em;
    }
    .content-onglets .slick-slide >div{
        margin: 15px;
    }
    .content-slide{
        display: none;
    }
    .content-slide.actif{
        display: block;
    }
    .content-onglet .row >div:after{
        content: " ";
        display: block;
        height: 1px;
        background-color: #EBEBEB;
        left: -40px;
        position: absolute;
        right: -40px;
        bottom: 0;
    }
    .content-onglet .row >div:last-of-type{
        border-bottom: 0px;
    }
    .content-onglet >h3{
        font-size: 22px;
    }
    .content-onglet .row h3{
        font-size: 18px;
        line-height: 18px;
        padding-right: 25px;
    }
}
.open-modal-choose-format{
    margin-top: 40px;
}
@media screen and (min-width: 992px) {
    .page-node-20 .content-slide img{
        display: block;
        position: absolute;
        bottom: 0;
        width: 81%!important;
    }
    .page-node-20 .content-onglet .row >div:last-of-type img{
        position: relative;
        width: 100%!important;
    }
    .page-node-20 .content-onglet .row >div:last-of-type .header-slide img{
        width: auto!important;
    }
    .open-modal-choose-format{
        margin-top: 40px;
        margin-bottom: 25px;
    }
    .header-slide .arrow-mod{
        display: none;
    }
    .content-onglet .row >div{
        border-right: 1px solid #F4F4F4;
        padding-right: 30px;
        padding-left: 30px;
    }
    .header-onglets{
        font-size: 0px;
    }
    .header-onglets .onglet{
       box-shadow:0 0 1px #333;
       border-top-left-radius: 5px;
       border-top-right-radius: 5px;
    }
    @-moz-document url-prefix() {
        .header-onglets .onglet{
            box-shadow:0 0 2px #333;
         }
    }
    .header-onglets.num-onglet-5 .onglet{
        width: 20%;
     }
    .header-onglets.num-onglet-4 .onglet{
        width: 25%;
     }
    .header-onglets.num-onglet-3 .onglet{
       width: 33.333333%;
    }
    .header-onglets.num-onglet-2 .onglet{
       width: 50%;
    }
    .header-onglets.num-onglet-1 .onglet{
       width: 50%;
    }
    .header-onglets .onglet.actif{
       box-shadow:0 0 10px rgba(0,0,0,0.16);
    }
    .onglet .border-blue-inactif{
       position: absolute;
       bottom: 0;
       height: 10px;
       background-color: #162056;
       left: 0;
       right: 0px;
       z-index: 1;
       display: block;
    }
    .onglet.actif .border-blue-inactif{
       background-color: #fff;
       bottom: -10px;
    }
    .content-onglets .content-onglet{
       display: none;
       padding: 2rem 15px;
       box-shadow:0 0 10px rgba(0,0,0,0.16);
       border-radius: 10px;
       border-top-left-radius: 0;
       border-top-right-radius: 0;
    }
    .content-onglets .content-onglet.actif{
       display: block;
    }


    .header-slide .image-header{
        max-width: 100%;
        padding-right: 0px;
        display: block;
    }
    .header-with-image h3{
        max-width: 100%;
        padding-right: 0px;
        margin: 0 auto;
    }
    .content-onglet .row h3 {
        margin-top: 30px;
    }
}
.slick-slider{
    width: 100%;
}

@media screen and (min-width: 880px) and (max-width: 991px) {
    .featured-top .slick-track{     
        min-width: 2976px;
    }
    .featured-top .content-onglets .slick-track{
        transform: translate3d(0, 0px, 0px);
    }
    .featured-top .header-onglets .slick-slide{
        min-width: 11%;
    }
    .featured-top .content-onglets .slick-slide{
        min-width: 12%;
    }
}
@media screen and (min-width: 581px) and (max-width: 879px) {
    .featured-top .slick-track{     
        min-width: 2400px;
    }
    .featured-top .content-onglets .slick-track{
        transform: translate3d(0, 0px, 0px);
    }
    .featured-top .header-onglets .slick-slide{
        min-width: 9%;
    }
    .featured-top .content-onglets .slick-slide{
        min-width: 10%;
    }
}
@media screen and (max-width: 580px) {
    .featured-top-modal .spb_top_center{
        left: 5%;
        right: 5%;
    }
    .featured-top .slick-track{     
        min-width: auto;
    }
    .featured-top .content-onglets .slick-track{
        transform: translate3d(0, 0px, 0px);
    }
    .featured-top .header-onglets .slick-slide{
        min-width: 8%;
    }
    .featured-top .content-onglets .slick-slide{
        min-width: 10%;
    }
    .content-onglets{
        margin: 1em 1.5em 0em 1.5em;
        width: auto;
    }
}
.block-onglets-billetterie-block .slick-slider{
    min-width: 400px;
}
.falsesprite{
    display: inline-block;
    vertical-align: middle;
    height: 65px;
    width: 50px;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: .5em;
    max-width: 35%;
    background-size: 100%;
}
.false-ico-culture{
    background-image: url('../onglets/ico-culture.png');
}
.false-ico-palmier{
    background-image: url('../onglets/ico-palmier.png');
}
.false-ico-cadeau{
    background-image: url('../onglets/ico-cadeau.png');
}
.false-ico-nageur{
    background-image: url('../onglets/ico-nageur.png');
}
.false-kadeos-connect{
    background-image: url('../onglets/kadeos-connect.png');
}
.false-kadeos-zenith{
    background-image: url('../onglets/kadeos-zenith.png');
}
.false-cheque-kadeos-connect{
    background-image: url('../onglets/TK-INFINI.png');
}

.false-ico-culture-jaune{
    background-image: url('../onglets/ico-culture-jaune.png');
}
.false-ico-noel{
    background-image: url('../onglets/ico-noel.png');
}
.false-ico-mariage{
    background-image: url('../onglets/ico-mariage.png');
}
.false-ico-rentree{
    background-image: url('../onglets/ico-rentree.png');
}
.false-ico-naissance{
    background-image: url('../onglets/ico-naissance.png');
}

.featured-top{
    display: none;
}

#block-onglet{
    width: 100%;
}

.content-slide{
    font-size: 17px;
}
.featured-top-modal .spb_top_center{
    height: 80vh;
    overflow-x: scroll;
    border:none;
    border-radius: 10px;
    top: 10%;
}

.featured-top-modal.spb_overlay{
    background-color: rgba(22, 32, 86, .77);
}
.featured-top .header-onglets .onglet{
    font-size: 0;
}
.featured-top .falsesprite{
    width: 50%;
    margin-right: 0;
    background-size: 100%;
}
.featured-top .header-onglets .onglet >h3{
    width: 50%;
    display: inline-block;
}

.featured-top .header-slide{
    padding-top: 0;
}

.featured-top .header-content-page{
    margin-bottom: 1.5em;
}

.featured-top .content-onglet >h3{
    margin-bottom: 1.5em;
}

.onglet .text-small{
    font-size: 14px;
    line-height: 10px;
}


@media screen and (min-width: 992px) and (max-width: 1439px) {
    .featured-top-modal .spb_top_center {
        left: 10%;
        right: 10%;
    }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .content-slide{
        font-size: 16px;
    }

    .header-slide .text-small{
        font-size: 16px;
    }
}

@media screen and (max-width: 993px) {
.section-custom.block-onglets .container >.row{
    margin: 0;
}
}
@media screen and (max-width: 992px) {
    .featured-top .section-custom.block-onglets{
        margin-top: 20px;
    }
    .header-slide .image-header{
        max-width: 100%;
        padding-right: 0;
    }
    .onglet .text-small{
        margin-top: 10px;
        display: block;
        line-height: 16px;
    }
    .featured-top .header-slide{
        padding-bottom: .5em;
    }
    .content-onglet >.row >div{
        margin-bottom: 20px;
        padding-bottom: 10px;
    }
    .content-onglet >h3{
        font-size: 22px;
    }
    .content-onglet .row h3{
        font-size: 18px;
        line-height: 18px;
    }
    .content-slide{
        font-size: 14px;
        line-height: 16px;
    }
}