/******************************/
/*FONTS*/
/******************************/
@font-face {
    font-family: 'machine';
    src:    url('../fonts/machine.eot');
    src:    url('../fonts/machine.eot?#iefix') format('embedded-opentype'),
    url('../fonts/machine.woff2') format('woff2'),
    url('../fonts/machine.woff') format('woff'),
    url('../fonts/machine.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
/******************************/
/*GENERAL*/
/******************************/
.cta_profite{
    background-color: #fde239;
    color: #000;
    font-family: 'machine';
}

header.minisite{
    background-image: url(../images/header/bg-header.jpg);
}
.steps_tunnel li:not(:first-child) .number::before,
.steps_tunnel .number, .steps_tunnel .number::after, .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: #fff;
}
header .connexion_tunnel .icon-picto-mon-compte::before,
.steps_tunnel li,
.steps_tunnel li.active,
.connexion_tunnel .textwhite{
    color: #fff;
}
.steps_tunnel li:not(.active){
    opacity: 0.7;
}
.steps_tunnel .number {
    color: #000;
}

.bandeauoffre {
    background-color: #000;
}
.bandeauoffrelancement{
    color: #fff;
    border-color: #fff;
}
.bandeauoffre .descriptif p{
    color: #fff!important;
}
header.minisite .logo img {
    max-height: 70%;
    margin-top: 5%;
}

/******************************/
/*HEADER*/
/******************************/
#header{
    background-image: url(../images/header/bg-header.jpg);
}
#header .nav li,
#header .nav li a{
    color: #fff;
}
#header .nav li a.active{
    color: #fff000;
}
/******************************/
/*FOOTER*/
/******************************/
#footer{
    background-color: #8f2524;
}
#footer .titre {
    color: #fff;
    font-size: 35px;
    font-weight: 700;
    font-family: 'machine';
}
#footer .questions ul li.title,
#footer .questions ul:last-child,
#footer .bottom{
    border-color: #9a3b3a;
}
#footer .questions ul li,
#footer .paiement,
#footer .mentions,
#footer .mentions a,
#footer .bottom li a{
    color: #fff;
}
#footer .mentions a{
    text-decoration: underline;
}
#footer .mentions .savoirplus{
    background-color: #fff;
    color: #fff;
    border-color: #fff;
}
footer.foot_tunnel_minisite .questions li,
footer.foot_tunnel_minisite .questions li a,
#footer .questions ul li a {
    color: #fff;
}

/******************************/
/*FORMULAIRE*/
/******************************/
#formulaire_abo,
#formulaire_abo .sticky_content{
    background-color: #fde239;
}
.cta_abo{
    background-color: #e41811;
    color: #fff;
    border-radius: 7px;
}

/******************************/
/*HOMEPAGE*/
/******************************/
.ms_homepage .zone1,
.ms_homepage .zone2,
.ms_homepage .zone4,
.ms_homepage .zone6{
    background-repeat: no-repeat;
}
.ms_homepage .zone1{
    background-image: url(../images/homepage/bg_z1.jpg);
    background-size: cover;
    background-position: center;
    padding-top: 20px;
}
.ms_homepage .zone1 .titre_z1{
    width: 580px;
    margin: -80px -90px;
}
.ms_homepage .zone1 .conditions{
    color: #fff;
}
.ms_homepage .zone1 .boxPrice{
    font-weight: 600;
    border-color: #fde239;
    color: #fde239;
    letter-spacing: 0;
    font-size: 25px;
}
.ms_homepage .zone1 .cta_profite{
    margin-left: auto;
    margin-right: auto;
}
.ms_homepage .zone1 .description{
    line-height: 48px;
    font-size: 40px;
    color: #fff;
    text-transform: none;
    font-weight: 100!important;
    letter-spacing: 0.5px;
    font-family: 'machine';
    margin-top: 30px;
}
.ms_homepage .zone1 .description span{
    color: #f40403;
    font-size: 60px;
}


.ms_homepage .zone2{
    background: url('../images/homepage/bg_z2.jpg') no-repeat;
    background-size: cover;
}
.ms_homepage .pastille1{
    bottom: -150px;
    right: -430px;
}
.ms_homepage .pastille2{
    bottom: -220px;
    left: -280px;
}
.ms_homepage .pastille3{
    bottom: -180px;
    right: -450px;
}
.ms_homepage .pastille4{
    bottom: -210px;
    left: -310px;
}
.ms_homepage .zone2 .titre{
    font-size: 53px;
    line-height: 50px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0;
    font-family: 'machine';
}
.ms_homepage .zone2 .titre span{
    font-size: 48px;
    color: #ffed00;
}
.ms_homepage .zone2 .mentions{
    color: #fff;
}
.ms_homepage .zone3 {
    background: url('../images/homepage/bg_z3.jpg') no-repeat;
    background-size: cover;
    padding-bottom: 80px;
}
.ms_homepage .zone3 .titre{
    font-size: 55px;
    color: #f40403;
    font-family: 'machine';
}
.ms_homepage .zone3 .titre img{vertical-align: middle;}
.ms_homepage .zone3 .titre span{
    color: #ffed00;
}


.ms_homepage .zone4a {
    background-image: url(../images/homepage/bg_z4a.jpg);
    background-size: cover;
    padding-bottom: 70px;
}
.ms_homepage .zone4b {
    background-image: url(../images/homepage/bg_z4b.jpg);
    background-size: cover;
}
.ms_homepage .zone4 .titre{
    color: #fde239;
    font-size: 45px;
    line-height: 58px;
    font-family: 'machine';
}
.ms_homepage .zone4 .description{
    letter-spacing: 0;
    font-size: 20px;
    line-height: 24px;
    color: #fff;
}
.ms_homepage .zone4 .visuel_z4a_1{margin: -40px 0 -70px;}
.ms_homepage .zone4 .description2{
    text-transform: uppercase;
    color: #fff;
    font-size: 21px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: 0.5px;
}
.ms_homepage .zone4 .description2 sup{
    text-transform: none;
    font-size: 12px;
}
.ms_homepage .zone4b .description2{
    margin-top: 30px;
    color: #fde239;
}
.ms_homepage .zone4b .visuel{
    position: relative;
    margin-top: 20px;
}
.ms_homepage .zone4b .visuel_z4b_1{
    position: absolute;
    left: 210px;
    top: 50px;
}
.ms_homepage .zone4b .visuel_z4b_3{
    position: absolute;
    right: 340px;
    bottom: 80px;
}
.ms_homepage .zone4 .mentions-premium{
    font-size: 13px;
    line-height: 15px;
    color: #fff;
    padding: 20px 0;
}



.ms_homepage .flex {
    display: flex;
}
.ms_homepage .flex.baseline {
   align-items: baseline;
}
.ms_homepage .mentions {
    font-size: 12px;
    line-height: 15px;
}

.ms_homepage .zone5 {
    background-image: url(../images/homepage/bg_z5.jpg);
    background-size: cover;
}
.mentions-container .mentions{
    color: #fff;
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: 0.5px!important;
    text-align: left;
}
.ms_homepage .zone5 .titre{
    font-size: 45px;
    line-height: 60px;
    text-transform: uppercase;
    color: #fde239;
    font-family: 'machine';
    letter-spacing: 1px;
    font-weight: 500;
}
.ms_homepage .zone5 .titre span{color: #ff0f00;}
.ms_homepage .zone6 {
    background-color: #fdc13b;
}
.ms_homepage .zone6 .titre{
    color: #000;
    font-family: 'machine';
    font-size: 48px;
    line-height: 50px;
    text-transform: uppercase;
    letter-spacing: 4px;
}
.ms_homepage .zone6 .number{
    color: #fdc13b;
    background-color: #000;
}
.ms_homepage .zone6 li{
    color: #000;
}
.ms_homepage .zone6 li span{
    color: #000;
}
/**********************************/
/**************SLIDER**************/
/**********************************/
.slider_cadeaux li{
    color: #fff;
}
.slider_cadeaux .bx-wrapper .bx-pager.bx-default-pager a:hover,
.slider_cadeaux .bx-wrapper .bx-pager.bx-default-pager a.active,
.slider_cadeaux .bx-wrapper .bx-pager.bx-default-pager a:focus{
    background: #fff;
}
.slider_cadeaux .bx-wrapper .bx-pager.bx-default-pager a{
    background: transparent;
    border: 1px solid #fff;
}
.slider_numeros li{
    color: #fff;
}
.slider_numeros .bx-wrapper .bx-pager.bx-default-pager a:hover,
.slider_numeros .bx-wrapper .bx-pager.bx-default-pager a.active,
.slider_numeros .bx-wrapper .bx-pager.bx-default-pager a:focus{
    background: #fff;
}
.slider_numeros .bx-wrapper .bx-pager.bx-default-pager a{
    background: transparent;
    border: 1px solid #fff;
}
.slider_numeros .icon-arrow_left:before,
.slider_numeros .icon-arrow_right:before{
    color: #fff;
}
.ms_slider .nom{
    color: #e41811;
    font-size: 24px;
    letter-spacing: -0.5px;
    font-weight: 900;
    line-height: 26px;
}
.ms_slider .nom sup{
    text-transform: lowercase;
    font-size: 12px;
}
.zone5 .ms_slider .nom{
    color: #fce139;
    font-size: 47px;
    line-height: 30px;
    margin: 40px 0 20px;
    font-family: 'machine';
    display: block;
}
.zone5 .ms_slider .description{
    color: #fff;
    font-size: 23px;
    line-height: 34px;
    padding-bottom: 10px;
    font-family: 'machine';
    letter-spacing: 0.5px;
}
.zone5 .ms_slider .pages span{
    font-size: 17px;
}
.ms_slider .envoi,
.ms_slider .savoirPlus{
    color: #fff;
}
.slider_cadeaux .bx-controls {
    padding-top: 50px;
}
.slider_numeros li img{
    width: auto;
}
.slider_numeros .bx-controls{padding-top: 20px;}

/******************************/
/*MES PREMIERS NUMEROS*/
/******************************/
.ms_numeros .pastille1{
    bottom: -230px;
    right: -330px;
}
.ms_numeros .pastille2{
    bottom: -200px;
    left: -340px;
    width: 480px;
}
.ms_numeros .pastille3{
    width: 510px;
    bottom: -220px;
    right: -240px;
}
.ms_numeros .pastille4{
    bottom: -40px;
    left: -180px;
    width: 400px;
}
.ms_numeros .zone1{
    background-image: url(../images/premiersnumeros/bg_z1.jpg);
    background-position: bottom;
    background-color: #162259;
    padding-top: 20px;
}
.ms_numeros .zone1 .titre{
    font-size: 20px;
    color: #fff;
    font-family: 'machine';
}
.ms_numeros .zone1 .titre span{
    color: #fde239;
    font-size: 39px;
    font-weight: 100;
    display: block;
}
.ms_numeros .zone1 .description{
    font-size: 18px;
    line-height: 23px;
    letter-spacing: 0.5px;
    margin: 30px auto;
    color: #000;
}
.ms_numeros .zone1 .description sup{font-size: 13px;}
.ms_numeros .zone1 img{
    display: inline-block;
    vertical-align: middle;
    width: 200px;
}
.ms_numeros .zone1 .visuel2{
    width: 100%;
}


.ms_numeros .zone2 {
    background: url('../images/premiersnumeros/bg_z2.jpg') no-repeat;
    background-size: cover;
    padding-bottom: 30px;
}

.ms_numeros .zone2 .numero{
    background-repeat: no-repeat;
    padding: 50px 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.ms_numeros .zone2 .content_numero{
    width: 1120px;
    margin: auto;
    text-align: center;
}
.ms_numeros .zone2 .numero .visuel{width: 440px;}
.ms_numeros .zone2 .numero img{max-width: 100%;}
.ms_numeros .zone2 .numero .textblock{
    width: 450px;
    font-family: 'machine';
}
.ms_numeros .zone2 .numero .textblock .fascicule{
    font-size: 40px;
    color: #fdc13b;
}
.ms_numeros .zone2 .numero .textblock .fascicule b{
    font-size: 30px;
    line-height: 45px;
}
.ms_numeros .zone2 .numero .textblock .text_titre{
    color: #fff;
    font-size: 20px;
    line-height: 34px;
    letter-spacing: 0.7px;
}
.ms_numeros .zone2 .numero .textblock .text_titre span{color: #fdc13b;}

.mentions-container{align-items: center;}
.mentions-container img:first-of-type{
    margin: 0 20px 0 30px;
}

/******************************/
/*MA COLLECTION*/
/******************************/
.ms_collection{overflow: inherit;}
.ms_collection .pastille1{
    left: -290px;
    bottom: -240px;
    z-index: 1;
}
.ms_collection .pastille2{
    right: -290px;
    bottom: -240px;
    z-index: 1;
}
.ms_collection .zone1{
    background-image: url(../images/collection/bg_z1.jpg);
    background-size: cover;
}
.ms_collection .zone1 .visuels p{
    color: #00354d;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 25px;
    border-top: 2px solid #00354d;
    border-bottom: 2px solid #00354d;
    display: inline-block;
    padding: 10px 30px;
}
.ms_collection .zone1 .titre{
    color: #fde239;
    font-size: 39px;
    line-height: 55px;
    font-weight: 100;
    font-family: 'machine';
}
.ms_collection .zone1 .description{
    color: #fff;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0;
}
.ms_collection .zone1 .description sup{font-size: 13px;}
.ms_collection .zone1 .visuel{
    width: 100%;
    margin: -90px 0 -120px;
}
.ms_collection .zone1 .z1-mentions{
    font-size: 12px;
    line-height: 17px;
    color: #fff;
    font-weight: 100;
}

.ms_collection .zone3 {
    background-image: url(../images/collection/bg_z3.jpg);
    background-size: cover;
}
.ms_collection .zone3 .titre {
    color: #f40403;
    font-size: 39px;
    line-height: 57px;
    font-family: 'machine';
    font-weight: 100;
}
.ms_collection .zone3 .description {
    font-family: 'machine';
    color: #f40403;
    font-size: 31px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 30px;
}
.ms_collection .zone3 ul li {
    font-family: 'machine';
    font-size: 23px;
    text-transform: uppercase;
    margin: 10px 0;
}
.ms_collection .zone3 .container-description{
    text-align: left;
    margin: 30px 0 0 200px;
}
.ms_collection .zone3 img {
    width: 100%;
    margin-top: 50px;
}


.ms_collection .zone4 {
    background-image: url(../images/collection/bg_z4.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    text-align: center;
    padding: 40px 0 50px;
}
.ms_collection .zone4 .titre{
    color: #f40403;
    font-size: 39px;
    line-height: 55px;
    font-family: 'machine';
    font-weight: 100;
}
.ms_collection .zone4 .description{
    color: #fff;
    font-size: 19px;
    line-height: 24px;
    margin-top: 30px;
}
.ms_collection .zone4 ul{
    display: flex;
    flex-wrap: wrap;
    margin-top: 60px;
}
.ms_collection .zone4 li{width: 49%;}
.ms_collection .zone4 li p{
    font-size: 24px;
    line-height: 30px;
    font-family: 'machine';
    color: #fff;
    margin: 40px 0 60px;
}
.ms_collection .zone4 li:nth-child(2) p{margin: 70px 0 60px;}
.ms_collection .zone4 li:nth-child(3) p{margin: 45px 0 60px;}

.ms_collection .zone1 .cta_profite{
    position: relative;
    z-index: 1;
}


/************************************/
/************POPIN CADEAUX***********/
/************************************/
.popin .nom{
    color: #eb212e;
    font-size: 24px;
    letter-spacing: -0.5px;
    font-weight: 900;
}
.popin .nom sup{
    font-size: 15px;
    text-transform: lowercase;
}
.popin .envoi{
    font-size: 17px;
}
.popin .format {
    font-size: 11px;
    line-height: 17px;
}
.popin .description{
    line-height: 20px;
}
.popin .description sup{
    font-size: 9px;
}
.popin .envoi sup {font-size: 10px;}


footer.foot_tunnel_minisite .sitemap,
footer.foot_tunnel_minisite .pays{
    background-color: #8f2524;
}
footer.foot_tunnel_minisite .sitemap .titre{
    color: #fff;
    font-size: 35px!important;
    font-weight: 700;
    font-family: 'machine';
}
footer .pays .title, footer .pays a{
    color: #fff;
}
footer.foot_tunnel_minisite .sitemap ul li.title,
footer.foot_tunnel_minisite .sitemap ul:last-child li.title,
footer.foot_tunnel_minisite .pays{
    border-color: #9a3b3a;
}
@media screen and (max-width: 1024px){
    /******************************/
    /*HEADER*/
    /******************************/
    #header{height: 80px;}
    .menumobile{
        background-color: #ffde31;
        color: #000;
    }
    #header .logo {
        max-height: 45px;
        margin: 5px 0 0 20vw;
    }
    #footer .titre{
        font-size: 8vw;
        line-height: 10vw;
    }

    /******************************/
    /*HOMEPAGE*/
    /******************************/
    .ms_homepage .zone1 .visuel {
        width: 80vw;
    }
    .ms_homepage .zone1 .titre_z1 {
        width: 120%;
        margin: -8vh -10%;
    }
    .ms_homepage .zone1 .boxPrice{
        font-size: 7vw;
    }
    .ms_homepage .zone1 .description {
        font-size: 6vw;
        line-height: 9vw;
    }
    .ms_homepage .zone1 .description2 {
        font-size: 6vw;
        line-height: 7vw;
    }
    .ms_homepage .zone1 .description2 span {
        font-size: 8vw;
    }
    .ms_homepage .zone1 .description span{
        font-size: 6vw;
        line-height: 7vw;
    }
    .ms_homepage .zone1 .description span b {
        font-size: 7vw;
    }
    .ms_homepage .zone3 iframe {
        height: 170px;
    }
    .ms_homepage .zone4 .visuel .visuel_z4a{
        width: calc(100% - 30px);
        padding-top: 55px;
    }
    .ms_homepage .zone4 .visuel .visuel_z4b{
        left: 10vw;
        width: 30vw;
    }
    .ms_homepage .zone4 .symboles{
        max-width: 80vw;
    }
    .ms_homepage .zone4 .symboles li{
        width: 30%;
        margin-left: 2%;
        padding: 10px 0;
    }
    .ms_homepage .zone4 .symboles li img{
        height: 50px;
    }
    .ms_homepage .zone2 .titre{
        font-size: 6vw;
        line-height: 8vw;
        letter-spacing: 2px;
    }
    .ms_homepage .zone2 .titre span {
        font-size: 6vw;
    }
    .slider_cadeaux .bx-wrapper .bx-controls-direction a {
        top: 35%;
    }
    .ms_homepage .zone3 .titre{
        font-size: 7vw;
        line-height: 8vw;
        margin-bottom: 20px;
        letter-spacing: 2px;
    }
    .ms_homepage .zone4 {
        padding-bottom: 40px;
    }
    .ms_homepage .zone4 .titre {
        font-size: 6vw;
        line-height: 8vw;
        letter-spacing: 2px;
        padding: 0 2.5%;
    }
    .ms_homepage .zone4 .visuel_z4a_1 {margin: 0;}
    .ms_homepage .zone4 .description2 {
        font-size: 5vw;
        line-height: 6vw;
    }
    .ms_homepage .zone4b .visuel_z4b_1{
        left: 10vw;
        top: 0;
        width: 22vw;
    }
    .ms_homepage .zone4b .visuel_z4b_2{width: 100%;}
    .ms_homepage .zone4b .visuel_z4b_3{
        right: 14vw;
        bottom: 5vw;
        width: 25vw;
    }
    .ms_homepage .zone5 {background-position-x: right;}
    .ms_homepage .zone4 .description span{
        font-size:  4vw;
    }
    .ms_homepage .zone4 .visuel_z4a {
        width: 95%;
        max-width: none;
    }
    .ms_homepage .zone4 .visuel_z4b {
        width: 95%;
    }

    .zone5 .ms_slider .description {
        font-size: 5vw;
        line-height: 7vw;
        padding: 0 2.5%;
    }
    .mentions-container img {
        width: 40%;
        margin: auto;
    }
    .mentions-container img:first-of-type {margin: auto;}

    .slider_numeros li img{
        width: 80%;
    }
    .slider_numeros li img.exclusif{
        width: 60%;
    }
    .zone5 .ms_slider .pages {
        font-size: 8vw;
        line-height: 6vw;
        background-size: 70vw;
        background-position: center;
    }
    .zone5 .ms_slider .pages span {
        font-size: 4vw;
    }
    .ms_homepage .zone4 .description{
        width: 95%;
        margin-left:auto;
        margin-right:auto;
        font-size: 4vw;
        line-height: 5vw;
    }
    .ms_homepage .zone4 .visuel_details{
        width: 60%;
        margin-left:auto;
        margin-right:auto;
    }
    .ms_homepage .zone4 .pastille_echelle{
        width: 20%;
        top: 22vw;
        left: 2vw;
    }
    .ms_homepage .zone4 .description .txt {
        font-size: 4.5vw;
        line-height: 6vw;
        width: 95%;
        padding-left: 5vw;
        margin-left: 0;
        box-sizing: border-box;
        margin-top: 37px;
    }
    .ms_homepage .zone4 .flex{
        align-items: center!important;
        flex-wrap: wrap;
        flex-direction: initial;
        justify-content: space-around;
    }
    .ms_homepage .zone4 .flex img{
        width: 43%;
    }
    .ms_homepage .zone4 .img_exclusif{
        order: 1;
    }
    .ms_homepage .zone4 .txt_exclusif{
        order: 2;
    }
    .ms_homepage .zone4 .txt_exclusif .txt1,
    .ms_homepage .zone4 .txt_exclusif .txt3{
        font-size: 5vw;
        line-height: 7vw;
    }
    .ms_homepage .zone4 .txt_exclusif .txt2 {
        font-size: 5vw;
        line-height: 6vw;
    }
    .ms_homepage .zone5 .titre{
        font-size: 5vw;
        line-height: 6vw;
        width: 95%;
        margin: auto;
        letter-spacing: 2px;
    }
    .ms_homepage .zone5 .titre span {
        font-size: 5vw;
    }
    .ms_homepage .zone6 .titre{
        font-size: 7vw;
        line-height: 6vw;
        letter-spacing: 2px;
    }
    .ms_homepage .zone5 .ms_slider .nom{
        margin-top: 20px;
        line-height: 6.5vw;
        font-size: 5vw;
    }
    .zone5 .ms_slider .nom span{
        font-size: 6vw;
    }
    .ms_homepage .zone6 {
        background-position: top right;
        background-size: auto 100%;
    }
    /******************************/
    /*PREMIERS NUMEROS*/
    /******************************/
    .ms_numeros .zone1 .symboles li{
        height: auto;
        width: 45%;
        margin-left: 1%;
    }
    .ms_numeros .zone1 .symboles li img{
        height: 60px;
    }
    .ms_numeros .zone2 .content_numero,
    .ms_numeros .zone2 .content_numero .visuel{
        width: 100%;
    }
    .ms_numeros .zone2 .numero .visuel img{
        width: 90%;
        margin: auto;
        display: block;
    }
    .ms_numeros .zone2 .numero .textblock .fascicule {font-size: 30px;}
    .ms_numeros .zone2 .numero .textblock .text_titre b {
        font-size: 9vw;
    }
    .ms_numeros .zone2 .numero .cadre {
        font-size: 6vw;
        line-height: 6vw;
    }
    .ms_numeros .zone2 .numero .cadre span {
        font-size: 4vw;
    }
    .ms_numeros .zone2 .numero .boxnumero{
        font-size: 5vw;
    }
    .ms_numeros .zone2 .numero .textblock .text span {
        font-size: 4vw;
        line-height: 6vw;
    }
    .ms_numeros .zone2 .numero .textblock {
        width: 100%;
        margin-top: 15px;
        margin-left: 0;
        padding: 10px 20px;
        box-sizing: border-box;
    }
    .ms_numeros .zone2 .numero .textblock img{
        width: 30vw;
    }
    .ms_numeros .zone2 .numero .textblock .text {
        font-size: 4vw;
        line-height: 5vw;
        width: 100%;
        padding-bottom: 10px;
    }
    .ms_numeros .zone2 .numero .content_numero{
        position: relative;
    }
    .ms_numeros .zone2 .numero .visuel{
        position: static;
    }
    .ms_numeros .zone2 .feuilleter {
        margin-left: -35vw;
        width: 70vw;
    }
    .ms_numeros .zone2 .numero {
        height: auto;
    }
    .ms_numeros .zone2 .numero{
        background-size: cover!important;
    }
    .ms_numeros .zone1 .titre{
        font-size: 5vw;
        line-height: 7vw;
        padding: 0 2.5%;
        letter-spacing: 2px;
    }
    .ms_numeros .zone1 .titre span {
        font-size: 30px;
        line-height: 38px;
    }
    .ms_numeros .zone1 .titre img{
        width: 60%;
        margin: 20px auto 10px;
    }
    .ms_numeros .zone1 .visuel2 {width: 90%;}
    .ms_numeros .zone1 .txtblock{
        display: table-header-group!important;
    }
    .ms_numeros .zone1 img{
        width: 95%;
    }
    .ms_numeros .zone1 .description{
        width: 95%;
        padding: 0;
        font-size: 3.5vw;
        line-height: 5vw;
        color: #fff;
    }
    .ms_numeros .zone1 .description span{
        font-size: 5vw;
        padding: 0;
    }
    .ms_numeros .zone1 .description span sup {
        font-size: 2vw;
    }
    .ms_numeros .zone1 .symboles li {
        font-size: 5vw;
    }
    .ms_numeros .zone1 .contenttxt{
        position: static;
        width: 100%;
    }
    .ms_numeros .zone1 .visuel{
        width: 43%;
        margin-top: 20px;
    }
    .ms_numeros .zone1 .visuel:nth-child(odd){
        margin-left: 0;
    }
    .ms_numeros .zone2 .numero .textblock .text_titre span {
         font-size: 4vw;
     }
    .ms_numeros .zone3 .titre {
        font-size: 6vw;
        line-height: 8vw;
        padding: 10px 2.5%;
    }
    .ms_numeros .mentions {
        padding: 20px 15px 20px!important;
        font-size: 3vw;
        line-height: 5vw;
    }
    .ms_numeros .zone1 .visuels li{
        display: flex!important;
        align-items: center;
        width: 100%;
    }
    .ms_numeros .zone1 .visuels li .order1{
        order: 1;
    }
    .ms_numeros .zone1 .visuels li .order2{
        order: 2;
    }
    .ms_numeros .zone1 .visuels li p {
        font-size: 3vw;
        line-height: 4vw;
        width: 40vw;
        padding: 0 15px;
    }
    .ms_numeros .flex{
        align-items: center!important;
        flex-wrap: wrap;
    }
    .ms_numeros .zone3{
        background-repeat: repeat;
    }
    .ms_numeros .zone3 .others{
        width: 100%;
        height: unset;
        background-image: none;
    }
    .ms_numeros .zone3 .others .titre{
        background-color: #d6b757;
    }
    .ms_numeros .zone3 .others ul{
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: 1;
        background-color: #34298b;
        margin: 0;
        padding: 20px;
    }
    .ms_numeros .zone3 li {
        font-size: 5vw;
    }

    /**********************************/
    /************COLLECTIONS***********/
    /**********************************/
    .ms_collection .zone1 .visuels .absolute{
        width: 100px;
        top: 5vw;
        left: 10vw;
    }
    .ms_collection .zone1 .visuels img{
        max-width: 100vw;
    }
    .ms_collection .zone1{
        background-size: cover;
    }
    .ms_collection .zone1 .ms_content{
        display: table;
    }
    .ms_collection .zone1 .titre{
        font-size: 5vw;
        line-height: 6vw;
        letter-spacing: 2px;
    }
    .ms_collection .zone1 .titre span sup {
        font-size: 3vw;
    }
    .ms_collection .zone1 .description {
        font-size: 4.2vw;
        line-height: 5.5vw;
    }
    .ms_collection .zone1 .visuels p{
        font-size: 4vw;
        line-height: 4vw;
    }
    .ms_collection .zone3 .themes .titre{
        font-size: 7vw;
        line-height: 6.5vw;
    }
    .ms_collection .zone3 .themes .titre span{
        font-size: 4vw;
    }
    .ms_collection .zone3 .soustitre{
        font-size: 4vw;
        line-height: 5vw;
        width: 95%;
    }
    .ms_collection .zone3 .titre {
        font-size: 6vw;
        line-height: 8vw;
        letter-spacing: 2px;
    }
    .ms_collection .zone3 .flex{
        flex-direction: column;
        width: 100%;
    }
    .ms_collection .zone3 .flex img{
        width: 95%;
    }
    .ms_collection .zone3 .txtblock{
        width: 100%;
        font-size: 4vw;
        line-height: 7vw;
        margin-left: 0;
        margin-top: 20px;
        background-image: none;
        padding: 20px 2.5%;
    }
    .ms_collection .zone3 .txtblock span {
        font-size: 6vw;
    }
    .ms_collection .zone3 .offrez {
        font-size: 8vw;
    }
    .ms_collection .mentions {
        font-size: 3.5vw;
        line-height: 5vw;
    }
    .ms_collection .zone3 .visuel2{
        width: 40%;
        margin-left: auto;
        margin-right: auto;
    }
    .ms_collection .zone4 .textblock{
        margin-left: auto;
    }
    .ms_collection .zone4 .flex{
        flex-direction: column;
    }
    .ms_collection .zone4 .flex.all img{
        width: 95%;
        margin: 20px auto 0;
    }
    .ms_collection .zone1 .zooms{
        width: 100%;
        margin: -105px 0 0;
    }
    .ms_collection .zone1 .main{
        width: 95%;
    }
    .ms_collection .zone1 .collectionnez {
        width: 95%;
    }
    .ms_collection .zone1 .details{
        position: static;
        width: 50%;
        margin-top: 30px;
    }
    .ms_collection .zone1 .pastille_echelle {
        right: 10px;
        top: 100vw;
        width: 20vw;
    }
    .ms_collection .zone4 .titre {
        font-size: 6vw;
        line-height: 8vw;
    }
    .ms_collection .zone4 .intro{
        font-size: 5vw;
        line-height: 7vw;
    }
    .ms_collection .zone4 .list{
        background-image: none;
        width: 100%;
        padding-bottom: 0;
    }
    .ms_collection .zone4 .list-titre{
        background-color: #caac52;
        padding: 20px 0;
        font-size: 7vw;
    }
    .ms_collection .zone4 .list ul{
        background-color: #312783;
        width: 100%;
        margin-top: 0;
        padding: 20px 2.5%;
        box-sizing: border-box;
    }
    .ms_collection .zone4 .list ul li:first-child{
        margin-top: 0;
    }
    .ms_collection .zone4 .list ul li{
        font-size: 5vw;
        line-height: 6vw;
    }
    .ms_collection .zone1 .visuel {margin: 0;}
    .ms_collection .zone1 .z1-mentions {
        font-size: 10px;
        padding: 0 2.5%;
    }
    .ms_collection .zone3 .container-description {
        text-align: center;
        margin: 30px 0;
    }
    .ms_collection .zone3 .description{font-size: 16px;}
    .ms_collection .zone3 ul li {
        font-size: 13px;
        line-height: 15px;
    }
    .ms_collection .zone3 img {margin-top: 0;}
    .ms_collection .zone4 .description {
        font-size: 13px;
        line-height: 18px;
    }
    .ms_collection .zone4 ul {flex-direction: column;}
    .ms_collection .zone4 li {
        width: 90%;
        margin: auto;
    }
    .ms_collection .zone4 li img {width: 100%;}
    .ms_collection .zone4 li p {
        font-size: 15px;
        line-height: 20px;
    }
    .ms_collection .zone4 li p,
    .ms_collection .zone4 li:nth-child(2) p,
    .ms_collection .zone4 li:nth-child(3) p {
        margin: 30px 0 80px;
    }
    .mentions-container .mentions{text-align: center;}



    .steps_tunnel li, .steps_tunnel li.active{
        color: #000;
    }
    .steps_tunnel li:not(:first-child) .number::before,
    .steps_tunnel .number,
    .steps_tunnel .number::after,
    .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;
    }

    header.minisite .logo a{
        width: 100px;
    }
    footer.foot_tunnel_minisite .mentions{
        font-size: 3vw!important;
        line-height: 4vw;
    }
    footer.foot_tunnel_minisite .pays ul.left li.title{
        border: 0;
        text-align: center;
    }
    footer.foot_tunnel_minisite .pays ul.left li.title a{
        color: #fff;
    }
    .slider_cadeaux .bx-wrapper .bx-pager{
        bottom: 40px;
    }
    .slider_cadeaux .bx-controls{
        padding-top: 50px;
    }
    header.minisite .logo img{
        margin-top: 0;
        width: 100%;
    }
    .bandeauoffre {
        background-size: cover;
    }
    .bandeauoffrelancement {
        margin: 20px 0 43vh;
    }

    .ms_homepage .flex{
        flex-direction: column;
        align-items: center!important;
    }

    .ms_homepage .zone3 .titre img {
        width: 50%;
        display: block;
        margin: 20px auto;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px){
    .ms_homepage .zone1 .visuel {
        width: 60vw;
    }
    .ms_homepage .zone3{
        padding-bottom: 150px!important;
    }
    .ms_homepage .zone4 .flex img {
        width: 23vw;
        margin-top: 0!important;
    }
    .ms_collection .zone4 .pastille {
        font-size: 28px;
        line-height: 38px;
        width: 40px;
        height: 40px;
        border-radius: 50%;
    }
    .ms_homepage .zone1 .description {
        font-size: 4vw;
        line-height: 8vw;
    }
    .ms_homepage .zone1 .description span,
    .ms_homepage .zone1 .description2{
        font-size: 4vw;
        line-height: 4vw;
    }
    .ms_homepage .zone1 .boxPrice {
        font-size: 4vw;
    }
    .ms_collection .zone1 .titre {
        font-size: 4vw;
        line-height: 4vw;
    }
    .ms_collection .zone1 .description {
        font-size: 2.5vw;
        line-height: 4vw;
    }
    .ms_homepage .zone2 .titre{
        font-size: 3vw;
        line-height: 5vw;
    }
    .ms_homepage .zone2 .titre span {
        font-size: 3vw;
    }
    .ms_homepage .zone2 .mentions,
    .ms_homepage .zone5 .mentions {
        font-size: 1.5vw;
        padding: 0 15px;
        line-height: 3vw;
    }
    .ms_homepage .zone3 .titre {
        font-size: 2.5vw;
        line-height: 3vw;
    }
    .ms_homepage .zone1 .description span b {
        font-size: 5vw;
    }
    .ms_homepage .zone4 .titre {
        font-size: 3vw;
        line-height: 4vw;
    }
    .ms_homepage .zone4 .description {
        font-size: 3vw;
        line-height: 4vw;
        background-position: 20px 5px;
    }
    .ms_homepage .zone4 .description .txt {
        font-size: 2.5vw;
        line-height: 4vw;
    }
    .ms_homepage .zone4 .txt_exclusif .txt1,
    .ms_homepage .zone4 .txt_exclusif .txt3 {
        font-size: 3vw;
        line-height: 5vw;
    }
    .ms_homepage .zone4 .txt_exclusif .txt2 {
        font-size: 3vw;
        line-height: 4vw;
    }
    .ms_homepage .zone5 .ms_slider .nom {
        margin-top: 20px;
        line-height: 4.5vw;
        font-size: 3vw;
    }
    .zone5 .ms_slider .nom span {
        font-size: 4vw;
    }
    .slider_numeros li img.exclusif {
        width: 40%;
    }
    .ms_homepage .zone5 .titre {
        font-size: 3vw;
        line-height: 4vw;
    }
    .ms_homepage .zone5 .titre span {
        font-size: 3vw;
    }
    .ms_collection .zone3 .titre {
        line-height: 7vw;
        font-size: 5vw;
    }
    .ms_collection .zone3 .soustitre{
        font-size: 3vw;
        line-height: 4vw;
    }
    .ms_collection .zone3 .visuel1 {
        width: 50%;
    }
    .ms_collection .zone3 .txtblock{
        font-size: 3vw;
        line-height: 5vw;
    }
    .ms_collection .zone3 .visuel2{
        width: 50vw;
    }
    .ms_collection .zone3 .visuel3{
        width: 80vw!important;
        margin-top: 40px!important;
    }
    .ms_collection .zone4 .titre{
        line-height: 4vw;
        font-size: 3.5vw;
    }
    .ms_collection .zone4 .intro {
        font-size: 3vw;
        line-height: 5vw;
        width: 70%;
        margin-left: auto;
        margin-right: auto;
    }
    .ms_collection .zone4 .list-titre {
        font-size: 5vw;
    }
    .ms_collection .zone4 .list ul li {
        font-size: 4vw;
        line-height: 5vw;
    }
    .ms_collection .zone4 {
        background-size: cover;
        background-position: center 410px;
    }
    .ms_collection .zone3 .description, .ms_collection .zone4 .textblock {
        font-size: 3vw;
        line-height: 5vw;
    }
    .ms_collection .zone4 .flex.all img {
        width: 65%;
        margin: 20px auto 0;
    }
    .slider_numeros .nom {
        line-height: 4vw;
        font-size: 3vw;
    }
    .ms_collection .zone4 .mentions {
        font-size: 2.5vw;
        line-height: 3vw;
    }
    .ms_numeros .zone2 .numero .boxnumero {
        font-size: 4vw;
    }
    .ms_numeros .zone2 .numero .textblock .text_titre {
        font-size: 4vw;
        line-height: 5vw;
    }
    .ms_numeros .zone2 .numero .textblock .text_titre span {
        font-size: 3vw;
        line-height: 4vw;
    }
    .ms_homepage .zone6 li span {
        font-size: 3vw;
    }
    .ms_homepage .zone6 li p {
        font-size: 2vw;
        line-height: 3vw;
    }
    #footer .titre {
        font-size: 4vw;
        line-height: 5vw;
    }
    #footer .mentions {
        font-size: 1.5vw;
        line-height: 2vw;
    }
    .ms_collection .zone4 .flex{
        display: block;
    }
    #header .logo {
        margin: 5px 0 0 0;
    }
    .ms_numeros .zone1 .titre {
        font-size: 3.5vw;
        line-height: 5vw;
    }
    .ms_numeros .zone1 .description {
        font-size: 2.5vw;
        line-height: 4vw;
        color: #000;
    }
    .ms_numeros .zone1 .visuel {
        width: 20%;
    }
    .ms_numeros .zone1 .visuel:nth-child(odd){
        margin-left: 15px;
    }
    .ms_numeros .zone2 .numero .visuel img {
        width: 65vw;
    }
    .ms_numeros .zone2 .numero .textblock img {
        width: 20vw;
    }
    .ms_numeros .zone3 .titre {
        font-size: 4vw;
        line-height: 6vw;
    }
    .ms_numeros .zone3 li {
        font-size: 3vw;
    }
    .ms_numeros .zone3 .others ul {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
    }
    .ms_numeros .mentions {
        font-size: 2vw;
        line-height: 4vw;
    }
    .ms_homepage .zone3 .titre img {width: 30%;}
    .ms_homepage .zone4 .description2 {
        font-size: 2vw;
        line-height: 3vw;
    }
    .zone5 .ms_slider .description {
        font-size: 3vw;
        line-height: 5vw;
    }
    .mentions-container {
        flex-direction: row;
    }
    .mentions-container .mentions {
        width: 40%;
    }
    .mentions-container img {
        width: 25%;
    }
    .ms_numeros .zone1 {background-position: bottom;}


}