/****************************************/
/*DISNEY CLUB DU LIVRE*/
/****************************************/
.header_t_dcl .steps_tunnel.showd li.active .number,
.header_t_dcl .steps_tunnel.showd li.active .number::after,
.header_t_dcl .steps_tunnel.showd li.active .number::before,
.header_t_dcl .steps_tunnel.showd .number,
.header_t_dcl .steps_tunnel.showd .number::after,
.header_t_dcl .steps_tunnel.showd .number::before{
    background-color: #fff;
}
.header_t_dcl .steps_tunnel.showd .number,
.header_t_dcl .steps_tunnel.showd .number::after,
.header_t_dcl .steps_tunnel.showd .number::before{
    opacity: 0.5
}
.header_t_dcl .steps_tunnel.showd li.active .number,
.header_t_dcl .steps_tunnel.showd li.active .number::after,
.header_t_dcl .steps_tunnel.showd li.active .number::before{
    opacity: 1;
}
.header_t_dcl .steps_tunnel.showd li:not(:first-child) .number::before{
    background-color: #fff;
    opacity: 0.5
}
.header_t_dcl .steps_tunnel.showd .number,
.header_t_dcl .steps_tunnel.showd li{
    color: #000;
}
.header_t_dcl{
    background-color: #67CEEC;
}
.header_t_dcl .logo {
    margin-top: 10px;
}
.header_t_dcl .logo img{
    width: 60px;
}

.typoDCL{
    color: #dc0021;
    text-shadow:-2px -2px 0 #fff, 2px -1px 0 #fff, -1px 2px 0 #fff, 2px 2px 0 #fff;
}
#disneyclub .cta_profite{
    background-color: #ec3136;
    color: #fff;
    text-transform: uppercase;
    padding: 15px 60px;
    font-size: 26px;
    letter-spacing:1px;
}
#disneyclub .messageperso,
.dcl_delivery .messageperso{
    margin-left: 0;
    margin-right: 0;
}
.dcl_delivery .messageperso{
    letter-spacing: 1px;
}
#disneyclub .header_dcl{
    background-color: #6ccfeb;

}
#disneyclub .header_dcl .name{
    font-size: 43px;
}
#disneyclub .header_dcl .bandeau_jaune{
    height: 20px;
    width: 100%;
    background-color: #fbc239;
}

#disneyclub .bloc1 {
    background: url('../images/bg_etoiles.jpg') no-repeat;
    padding-bottom: 80px;
    background-size: cover;
}
#disneyclub .bloc1 .titre{
    font-size: 36px;
}
#disneyclub .bloc1 .titre span{
    font-size: 59px;
}
#disneyclub .bloc1 .presentation1{
    margin-left: -250px;
    margin-top: 20px;
}
#disneyclub .bloc1 .presentation_txt {
    font-size: 25px;
    width: 35%;
}
#disneyclub .bloc1 .presentation_txt b{
    font-size: 99px;
    text-shadow: -4px -3px 0 #fff, 4px -3px 0 #fff, -4px 4px 0 #fff, 4px 4px 0 #fff;
    line-height: 0;
}
#disneyclub .bloc1 .presentation_txt span{
    font-size: 38px;
}
#disneyclub .bloc1 .presentation3 {
    margin-left: 2%;
}
#disneyclub .bloc1 .presentation3 img{
    right: 25%;
}
#disneyclub .bloc1 .presentation2 img,
#disneyclub .bloc1 .presentation3 img{
    width: 58%;
}
#disneyclub .bloc1 .presentation2,
#disneyclub .bloc1 .presentation3{
    width: 48%;
}
#disneyclub .bloc1 .contenu_presentation{
    margin-top: -5vw;
}
#disneyclub .bloc1 .cta_profite{
    margin-top: -3vw;
}
#disneyclub .bloc2 {
    background-color: #3899d1;
}
#disneyclub .description .textblock .titre {
    font-size: 40px;
    line-height: 50px;
}
#disneyclub .description .textblock .txt {
    font-family: 'Open Sans';
    font-size: 22px;
    letter-spacing: 1px;
}
#disneyclub .bloc3 {
    background-color: #73bee5;
}
#disneyclub .bloc3 .textblock {
    margin-left: 180px;
}
#disneyclub .bloc4 {
    background-color: #5da6d9;
}

#disneyclub .slider li{
    padding: 20px 0 70px;
    height: 520px;
    box-sizing: border-box;
}
#disneyclub .slider li.reinedesneiges{
    background-image: url('../images/slider/s1_bg.jpg');
}
#disneyclub .slider li.cars{
    background-image: url('../images/slider/s2_bg.jpg');
}
#disneyclub .slider li.livredelajungle{
    background-image: url('../images/slider/s3_bg.jpg');
}
#disneyclub .slider li.winnie{
    background-image: url('../images/slider/s4_bg.jpg');
}
#disneyclub .slider li.aladdin{
    background-image: url('../images/slider/s5_bg.jpg');
}
#disneyclub .slider li.cendrillon{
    background-image: url('../images/slider/s6_bg.jpg');
}
#disneyclub .slider .titre{
    font-size: 47px;
}
#disneyclub .slider .textblock p{
    width: 420px;
    font-size: 17px;
    letter-spacing: 1px;
    line-height: 27px;
}
#disneyclub .slider .bx-pager{
    bottom: 30px;
}
#disneyclub .slider .bx-wrapper .bx-pager.bx-default-pager a{
    background-color: transparent;
    border: 1px solid #000;
}
#disneyclub .slider .bx-wrapper .bx-pager.bx-default-pager a:hover,
#disneyclub .slider .bx-wrapper .bx-pager.bx-default-pager a.active{
    background-color: #000;
}
#disneyclub .slider .bx-wrapper .bx-controls-direction a{
    border: 0;
}
#disneyclub .slider .bx-wrapper .bx-prev {
    background-color: transparent;
    left: 15%;
}
#disneyclub .slider .bx-wrapper .bx-next{
    background-color: transparent;
    right: 15%;
}
#disneyclub .slider .bx-wrapper .bx-prev:after,
#disneyclub .slider .bx-wrapper .bx-next:after{
    width: 12px;
    height: 12px;
}
#disneyclub .engagements{
    background-color: #fce8c3;
}
#disneyclub .engagements .titre{
    color: #fa3a63;
    font-size: 50px;
}
#disneyclub .engagements li{
    font-size: 30px;
    color: #655b53;
    letter-spacing: 1.5px;
}
#disneyclub .engagements li span{
    margin-right: 20px;
}
#disneyclub .engagements .visuel_engagements{
    margin-left: 20%;
}
#disneyclub .footer .content_footer{
    width: 1180px;
    margin: auto;
    padding: 20px 0 40px;
    font-size: 12px;
    line-height: 20px;
}
.dcl_delivery .recap img{
    max-width: 100%;
    margin-left: -30px;
}

.step_dcl {
    width: calc( 100% - 450px );
}
.footer_dcl{
    background-color: #67CEEC;
}
.footer_dcl .content_footer{
    width: 880px;
    margin: auto;
    padding: 60px 0 40px;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 1px;
}
.footer_dcl .content_footer strong{
    font-size: 18px;
}
.footer_dcl .icon-attention_enfants {
    font-size: 20px;
}
.footer_dcl .pays {
    background-color: #67CEEC;
    border-top: 1px solid #000;
}
.footer_dcl .pays a {
    color: #000;
    font-size: 13px;
}

header.minisite{background-color: #67CEEC;}
.connexion_tunnel{display: none;}
.steps_tunnel li.active,
.steps_tunnel li{
    color: #304B80;
}
.steps_tunnel li{opacity: 0.7;}
.steps_tunnel li.active{opacity: 1;}
.steps_tunnel li:not(:first-child) .number::before{ background-color: #fff;}
.steps_tunnel li .number,
.steps_tunnel li.active .number,
.steps_tunnel li .number::after,
.steps_tunnel li .number::before{
    background-color: #fff;
}
.steps_tunnel li .number{
    color: #304B80;
}
.ms_tunnel .box .head{
    background-color: #2993CF;
}

header.minisite .logo img {
    max-height: 75%;
    margin-top: 5%;
}
.bandeauoffre{
    background-color: #46BEF2;
}
.bandeauoffrelancement{display: none;}
.descriptif p {
    font-size: 14px;
    line-height: 23px;
}
.recap img{margin-left: -30px;}
.delivery .recap .messageperso {
    font-size: 13px;
    line-height: 27px;
}
footer .pays{
    background-color: #F4C2DB;
    border-top: 0;
}
.tunnelContent.minisite .box_d{position: static!important;}

@media screen and (max-width: 1024px) {
    /****************************************/
    /*DISNEY CLUB DU LIVRE*/
    /****************************************/
    #disneyclub .cta_profite{
        width: 100%;
        box-sizing: border-box;
        font-size: 6vw;
        z-index: 999;
    }
    #disneyclub .header_dcl .name{
        font-size: 7vw;
    }
    #disneyclub .header_dcl .logo_dcl{
        max-width: 14vw;
    }
    #disneyclub .bloc1{
        background-image: none;
        background-color: #6ccfeb;
    }
    #disneyclub .bloc1 .titre{
        font-size: 6vw;
    }
    #disneyclub .bloc1 .titre span{
        font-size: 7vw;
    }
    #disneyclub .bloc1 .titre p{
        width: 50vw;
    }
    #disneyclub .bloc1 .titre img{
        width: 45vw;
    }
    #disneyclub .bloc1 .presentation1{
        width: 100%;
        margin-left: -23vw;
    }
    #disneyclub .bloc1 .presentation2 img{
        width: 80vw;
        margin-left: -29vw;
    }
    #disneyclub .bloc1 .presentation3 img{
        width: 55vw;
        right: 11vw;
        margin-top: -6vh;
    }
    #disneyclub .bloc1 .presentation2 p{
        width: 40vw;
    }
    #disneyclub .bloc1 .presentation3 p{
        width: 40vw;
    }
    #disneyclub .bloc1 .presentation_txt span {
        font-size: 5.5vw;
    }
    #disneyclub .bloc1 .presentation_txt {
        font-size: 4vw;
        line-height: 6vw;
    }
    #disneyclub .bloc1 .presentation_txt b,
    #disneyclub .bloc1 .presentation2 b,
    #disneyclub .bloc1 .presentation3 b {
        font-size: 15vw;
        text-shadow: -3px -2px 0 #fff, 3px -2px 0 #fff, -3px 3px 0 #fff, 3px 3px 0 #fff;
    }

    #disneyclub .description .textblock .titre {
        font-size: 5vw;
        line-height: 7vw;
    }
    #disneyclub .description .textblock .txt {
        font-size: 3vw;
        line-height: 4vw;
    }
    #disneyclub .description img {
        width: 50%;
    }
    #disneyclub .bloc1 .presentation2,
    #disneyclub .bloc1 .presentation3{
        width: 100%;
    }
    #disneyclub .minisite_slider .titre{
        font-size: 7vw;
        line-height: 8vw;
    }
    #disneyclub .minisite_slider .titre img{
        width: 25%;
    }
    #disneyclub .minisite_slider .textblock p{
        width: 87vw;
        margin: 40px auto 0;
        font-size: 3.5vw;
        line-height: 6vw;
        height: 24vh;
    }
    #disneyclub .minisite_slider li{
        height: auto;
        background-size: cover;
    }
    #disneyclub .slider li.reinedesneiges{
        background-image: url('../images/slider/s1_bg_mb.jpg');
    }
    #disneyclub .slider li.cars{
        background-image: url('../images/slider/s2_bg_mb.jpg');
    }
    #disneyclub .slider li.livredelajungle{
        background-image: url('../images/slider/s3_bg_mb.jpg');
    }
    #disneyclub .slider li.winnie{
        background-image: url('../images/slider/s4_bg_mb.jpg');
    }
    #disneyclub .slider li.aladdin{
        background-image: url('../images/slider/s5_bg_mb.jpg');
    }
    #disneyclub .slider li.cendrillon{
        background-image: url('../images/slider/s6_bg_mb.jpg');
    }
    #disneyclub .slider .bx-wrapper .bx-prev{
        left: 5%;
    }
    #disneyclub .slider .bx-wrapper .bx-next{
        right: 5%;
    }
    #disneyclub .engagements {
        padding-bottom: 70px;
    }
    #disneyclub .engagements .titre{
        font-size: 5vw;
        line-height: 8vw;
    }
    #disneyclub .engagements li span{
        display: block;
        font-size: 8vw;
        margin-right: 0;
        margin-bottom: 15px;
    }
    #disneyclub .engagements li{
        font-size: 3vw;
    }
    #disneyclub .engagements ul{
        width: 100%;
    }
    #disneyclub .footer .content_footer{
        width: 95%;
    }
    .dcl_delivery .recap .messageperso{
        width: 95%;
    }
    .step_dcl li {
        width: 45%;
    }
    .step_dcl li:not(:first-child) .number::before{
        left: -59px;
        width: 120px;
    }
    .header_t_dcl .logo,
    .header_t_dcl .logo a{
        width: auto;
    }
    .header_t_dcl .logo img{
        height: auto;
        width: 40px;
    }
    .footer_dcl .content_footer{
        width: 95%;
    }
    .footer_dcl .pays .right{
        padding: 0;
    }
    .footer_dcl .pays .right li{
        padding: 15px;
        border-bottom: 1px solid #DDDDDD;
    }
    .footer_dcl .pays .logo.showm{
        display: block;
    }
    .footer_dcl .pays .logo img{
        margin: auto;
        display: block;
        padding: 50px;
    }
    .steps_tunnel li:not(:first-child) .number::before,
    .steps_tunnel .number, .steps_tunnel .number::after,
    .steps_tunnel li .number,
    .steps_tunnel .number::before,
    .steps_tunnel li.active .number,
    .steps_tunnel li.active .number::after,
    .steps_tunnel li.active .number::before,
    .steps_tunnel li.active:not(:last-child) .number::before {
        background-color: #000;
        color: #fff;
    }
    .steps_tunnel li, .steps_tunnel li.active {
        color: #000;
    }
    .step_dcl {
        width: 100%;
    }

    header .logo a{width: unset;}
    header.minisite .logo {margin-top: 8px;}
    header .logo img {
        height: 45px;
        margin-top: 0!important;
    }

    .delivery .recap .messageperso {
        font-size: 3vw;
        line-height: 7vw;
    }
    .bandeauoffre{
        height: unset;
        background-position: top center;
    }
    .bandeauoffre .descriptif{
        display: block!important;
    }
    .bandeauoffre .descriptif p{
        width: 90%;
        max-width: none;
        font-size: 4vw;
        line-height: 5vw;
        padding-top: 83vw;
        padding-bottom: 15px;
        margin: auto;
    }
}