<link type="text/css" href="https://www.marionnaud.ro/elab/eLab/template_library/test14fix1update1/css/master-newly-updated.css" rel="stylesheet" media="all" />


<link type="text/css" href="https://www.marionnaud.ro/elab/eLab/template_library/test14fix1/css/resetFullWidth.css" rel="stylesheet" media="all" />

<link rel="stylesheet" href="https://www.marionnaud.ro/elab/eLab/template_library/test14fix1/css/fancybox.css" />


<!-- <script type="text/javascript" src="https://www.marionnaud.fr/elab/eLab/template_library/test14fix1update1/js/master-slicks.js" defer></script> -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Oranienbaum&display=swap" rel="stylesheet">


<link type="text/css" href="https://www.marionnaud.fr/elab/eLab/template_library/test14update2check6/css/master.css" rel="stylesheet" media="all" />


<script src="https://www.marionnaud.ro/elab/eLab/template_library/test14fix1/js/jquery.min.js" defer></script>

<script src="https://www.marionnaud.ro/elab/eLab/template_library/test14fix1/js/fancybox.umd.js" defer></script>

<script type="text/javascript" src="https://www.marionnaud.ro/elab/eLab/template_library/test14fix1/js/master.js" defer></script>
<script type="text/javascript" src="https://www.marionnaud.ro/elab/eLab/template_library/test14update1/js/master.js" defer></script>

<link rel="stylesheet" type="text/css" href="https://www.marionnaud.ro/elab/JavascriptLibrary/Slick-v1.6.1/slick.css" />
<script type="text/javascript" src="https://www.marionnaud.ro/elab/JavascriptLibrary/Slick-v1.6.1/slick.js" defer></script>
<script type="text/javascript" src="https://www.marionnaud.ro/elab/eLab/template_library/test14update1/js/master-slick.js" defer></script>
<script type="text/javascript" src="https://www.marionnaud.ro/elab/MFRELAB/2021MFR3829/advCal.js" defer></script>


<style>
    /* Write your own CSS here */

    .elab_content.makeupOB h1,
    .elab_content.makeupOB h2,
    .elab_content.makeupOB h4 {
        font-family: 'Oranienbaum', serif;
        font-weight: normal;
    }

    .elab_content.makeupOB h3,
    .elab_content.makeupOB p,
    .elab_content.makeupOB p.price,
    .elab_content.makeupOB p.dida,
    .elab_content.makeupOB .productBrand,
    .elab_content.makeupOB .productName,
    .elab_content.makeupOB .productDescription,
    .elab_content.makeupOB .pricewas,
    .elab_content.makeupOB .pricenow {
        font-family: 'Sofia Pro Regular', Arial, sans-serif !important;
    }

    .elab_content .row.hero_banner {
        background-image: url('https://www.marionnaud.fr/elab/mar/LP/2022/2022MAR2032/header-banner-dt.jpg');
        min-height: 400px;
    }

    .elab_content .intro_panel {
        background-color: #fcf2ea;
        color: #c37245;
        text-align: center;
        padding: 53px 0!important;
    }

    .elab_content .button {
        background-color: #ffffff;
        border: 1px solid #c37245;
        color: #c37245;
    }

    .elab_content h1 {
        font-size: 48px;
        color: #ffffff;
        border-bottom: #ffffff 2px solid;
        padding: 130px 0 5px 0;
        display: inline-flex;
    }

    .elab_content h2 {
        font-size: 48px;
        text-align: center;
        color: #000000;
    }

    .elab_content h3 {
        text-align: center;
        color: #c37245;
    }

    .elab_content h4 {
        font-size: 24px;
        color: #ffffff;
        font-weight: normal;
    }

    .elab_content .brown_copy {
        color: #c37245;
        text-align: center;
    }

    .elab_content .button {
        color: #c37245;
    }

    /* FADE IN ANIMATION */

    @-webkit-keyframes fading {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    @-moz-keyframes fading {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    @keyframes fading {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    .invisible {
        opacity: 0;
        -webkit-animation: fading ease-in 1s;
        animation: fading ease-in 1s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-duration: 0.5s;
        animation-duration: 0.5s;
        visibility: visible;
    }

    .invisible.one {
        -webkit-animation-delay: 1s;
        animation-delay: 1s;

    }

    /* .elab_content .button.special1{
        color:#b9993d;
        background-image: none;
        background-color: #ede2d2;
        float: right;
        text-transform: capitalize;
        line-height: 23px;
        font-size: 16px;
        padding: 8px 5px;
        margin-top: 0;
    }

    .elab_content .button.special2{
        float: left;
        color:#b9993d;
        background-image: none;
        background-color: #ede2d2;
        text-transform: capitalize;
        line-height: 23px;
        font-size: 16px;
        padding: 8px 5px;
        margin-top: 0;
    } */
    .elab_content #fancy {
        display: none;
    }

    /* ----------------------------------------------
 * Generated by Animista on 2022-3-15 10:46:56
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

    @-webkit-keyframes heartbeat {
        from {
            -webkit-transform: scale(1);
            transform: scale(1);
            -webkit-transform-origin: center center;
            transform-origin: center center;
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out
        }

        10% {
            -webkit-transform: scale(.91);
            transform: scale(.91);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }

        17% {
            -webkit-transform: scale(.98);
            transform: scale(.98);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out
        }

        33% {
            -webkit-transform: scale(.87);
            transform: scale(.87);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }

        45% {
            -webkit-transform: scale(1);
            transform: scale(1);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out
        }
    }

    @keyframes heartbeat {
        from {
            -webkit-transform: scale(1);
            transform: scale(1);
            -webkit-transform-origin: center center;
            transform-origin: center center;
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out
        }

        10% {
            -webkit-transform: scale(.91);
            transform: scale(.91);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }

        17% {
            -webkit-transform: scale(.98);
            transform: scale(.98);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out
        }

        33% {
            -webkit-transform: scale(.87);
            transform: scale(.87);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }

        45% {
            -webkit-transform: scale(1);
            transform: scale(1);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out
        }
    }

    .elab_content.makeupOB .heartbeat1,
    .elab_content.makeupOB .heartbeat2 {
        -webkit-animation: heartbeat 5s ease-in-out infinite both;
        animation: heartbeat 5s ease-in-out infinite both;
    }

    .elab_content .button.elab_tabs-button:hover,
    .elab_content .button.elab_tabs-button.active {
        -webkit-animation: heartbeat 0s ease-in-out infinite both;
        animation: heartbeat 0s ease-in-out infinite both;
    }

    .button-nostyle {
        border: none !important;
        max-width: 100% !important;
    }

    .button-nostyle.button.heartbeat2.elab_tabs-button,
    .button-nostyle.button.heartbeat1.elab_tabs-button {
        /* outline: 2px solid red; */
        padding-top: 98%;
        margin-top: -93%;
        background-color: transparent;
    }



    /* PRODUCT CAROUSEL STYLING */

    .elab_content.makeupOB .row .productBrand {
        color: black;
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .elab_content.makeupOB .row .productDescription {
        color: black;
        font-size: 13px;

    }

    .elab_content.makeupOB .productName {
        color: black;
        font-size: 12px !important;
        text-transform: uppercase;
    }

    .elab_content.makeupOB .pricewas {
        color: #484848;
        font-size: 14px;
        display: block;
        text-align: center;
        text-decoration: line-through;
    }

    .elab_content.makeupOB .pricenow {
        color: #000000;
        font-size: 18px;
        display: block;
        text-align: center;
        padding-bottom: 20px;
    }


    /* end PRODUCT CAROUSEL STYLING */







    /* SLIDER  */

    .elab_content.makeupOB .slidecontainerOB {
        width: 100%;
        padding-bottom: 20px;
        padding-left: 13%;

    }

    .elab_content.makeupOB .sliderOB {
        -webkit-appearance: none;
        width: 50%;
        height: 10px;
        background: #ffffff;
        outline: none;

        -webkit-transition: .2s;
        transition: opacity .2s;
    }

    .elab_content.makeupOB .sliderOB:hover {
        opacity: 1;
    }

    .elab_content.makeupOB .sliderOB::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 10px;
        height: 35px;
        cursor: pointer;
    }

    .elab_content.makeupOB .sliderOB::-moz-range-thumb {
        width: 10px;
        height: 35px;
        cursor: pointer;
    }

    .slidecontainerOB img {
        display: inline;
    }

    .elab_content.makeupOB .slidecontainerOB {
        width: 100%;
        padding-bottom: 20px;
        padding-left: 0%;

        display: flex;
        flex-flow: row wrap;
        align-items: center;
    }

    .elab_content.makeupOB .sliderOB {
        -webkit-appearance: none;
        width: 50%;
        height: 10px !important;
        background: #ffffff;
        outline: none;

        -webkit-transition: .2s;
        transition: opacity .2s;
    }

    .productGrid .sliderProducts .slick-list .slick-track .slick-slide {
        /* display: none; */
        float: left;
        max-height: 450px;
    }



    /**** NEW CSS ****/

    .row.video-wrapper {
        margin-top: -40px;
        margin-bottom: 70px;
    }

    @media (max-width: 500px) {
        .row.video-wrapper {
            margin-top: -100px;
            margin-bottom: 70px;
        }
    }

    .small-spacing {
        display: flex;
        flex-flow: row wrap;
        margin-inline: auto;
        justify-content: center;
        width: 78%;
    }


    .elab_content.makeupOB .bgimage2 p {
        /* margin-top: 565px; */
        margin-top: 615px;
    }

    .customMargin{
        margin: 0!important;
    }
    @media only screen and (max-width: 870px) {
        .invisible {
                width: 50%;
            }
            .elab_content.makeupOB h1 {
                font-size: 38px;

            }

            .elab_content.makeupOB h4 {
                font-size: 22px;
            }
    }

    @media only screen and (max-width: 480px) {

        /*  GO FULL WIDTH BELOW 480 PIXELS */
        @media only screen and (max-width: 480px) {

            .elab_content .hideonMB {
                display: none;
            }

            .elab_content.makeupOB img.title_images {
                width: 100%;
            }

            .elab_content.makeupOB .productTile .productDescription {
                min-height: 55px;
            }


            .elab_content.makeupOB img.desktop_banner {
                display: none;
            }

            .elab_content.makeupOB img.mobile_banner {
                display: block;
            }

            .elab_content.makeupOB h1 {
                font-size: 35px;
                padding-top: 90px;
            }    

            .elab_content.makeupOB h4 {
                font-size: 20px;
            }

            .elab_content.makeupOB .row.showonDT {
                display: none;
            }

            .invisible {
                width: 65%;
            }



            .elab_content.makeupOB .columns.displaynone {
                display: none;
            }


            .elab_content.makeupOB .row.showonMB {
                display: block;
            }

            .elab_content.makeupOB .row.showonMB {
                position: relative;

            }

            .elab_content.makeupOB .row.showonMB p.absoluteMB {
                position: absolute;
                top: 430px;
                right: 45px;
                width: 270px;
                height: 100px;
                padding: 0;
                text-align: center;

            }


            .elab_content.makeupOB .girl1 {
                position: relative;
                max-height: 394px;
            }


            .elab_content.makeupOB p.firstimage {
                position: absolute;
                margin-top: -87px;

            }


            .elab_content.makeupOB .girl2 {
                position: relative;
                margin-top: -275px;
                max-height: 675px;
            }


            .elab_content.makeupOB p.secondimage {
                position: absolute;
                margin-top: 395px;

            }

            .elab_content.makeupOB .bgimage2 {

                height: 540px;
            }

            .elab_content.makeupOB .bgimage2 {
                /* height: 540px; */
                height: 640px;
            }

            .elab_content.makeupOB p.secondimage {
                /* margin-top: 395px; */
                margin-top: 440px;
            }
        }

        .elab-Products {
            display: flex;
            flex-flow: row wrap;
            justify-content: center;
        }
    }

    /********** INTRO FLEX CSS **********/

    .row.custom-flex-row {
        display: flex;
        flex-flow: row wrap;
    }

    .elab_content .intro_panel {
        display: flex;
        flex-flow: column;
        justify-content: center;
    }

    .elab_content p.intro-paragraph {
        max-width: 80%;
        line-height: 1.4;
        font-size: 16px;
        letter-spacing: .1px;
        margin-inline: auto;
    }

    .desktop_6_of_12.mobile_12_of_12.columns {
        padding: 0;
    }

    /*********** IMAGE ROLLOVER CSS **************/


    div.rollover-grid a img:last-child {
        display: none;
    }

    div.rollover-grid a:hover img:last-child {
        display: block;
        outline: 2px solid #d89f81;
    }

    div.rollover-grid a:hover img:first-child {
        display: none;
    }

    .fadeMe {
        animation: fadeIn .5s linear;
    }

    @keyframes fadeIn {
        0% {
            opacity: 0
        }

        100% {
            opacity: 1;
        }
    }

    /*********** MEDIA QUERY **************/
    @media (max-width: 480px) {

        .row.custom-flex-row {
            display: flex;
            flex-flow: column;
            gap: 10px;
        }

        .intro-paragraph {
            padding-block: 10px;
        }

        .elab_content .button {
            margin-top: 0;
            margin-bottom: 35px;
        }

        .elab_content p.intro-paragraph {
            padding-block: 25px;
        }

        .elab_content h2.custom-look {

            font-size: 20px;
        }

    }

  .desktop_6_of_12.tablet_12_of_12.mobile_12_of_12.columns.intro_panel {
        margin-bottom: 0px;
    }
    .custom-font-weight{
        font-weight: 600!important;
    }
    .custom_slide_padding{
        padding: 0!important;
    }

    @media (min-width: 740px) and (max-width: 800px) {
        .elab_content .intro_panel {
        padding: 0!important;
    }
        .custom_slide_padding img{
            max-width: 120%!important;
        }

    }

    @media (min-width: 800px) and (max-width: 1016px) {
        .elab_content .intro_panel {
        padding: 20px 0!important;
    }
   
    }
    @media (min-width: 480px) and (max-width: 740px) {
    .tablet_12_of_12.columns.intro_panel {
        margin-bottom: 10px!important;
    }
}

</style>

<div class="elab_content makeupOB">
    <!-- All HTML is to go in this DIV for the CSS of the Library to be applied -->


    <!--Hero Banner-->
    <div class="row background_cover edge_to_edge hero_banner">
        <div class="desktop_12_of_12 hero_text invisible one">
            <h1>ESCAPADE EN PROVENCE</h1>
            <h4>Évadez-vous au cœur de la beauté</h4>
        </div>
    </div>

    <!--Intro Section-->
    <div class="row custom-flex-row">
        <div class="desktop_6_of_12 tablet_12_of_12 mobile_12_of_12 columns columns intro_panel">
            <p class="intro-paragraph">L’Automne est arrivé, tout comme la nature, parez-vous de vos plus belles couleurs. Vibrez avec les teintes chaudes et réconfortantes de cette nouvelle saison, dansez parmi les feuilles rouge-orangées, rayonnez tout simplement ! À cette occasion, Marionnaud accompagne toutes les femmes avec sa collection <strong>Escapade en Provence. </strong>
            </p>
            <a href="https://www.marionnaud.fr/maquillage/nos-selections/collection-marionnaud-escapade-en-provence/c/M1100" class="button" target="_blank">JE DÉCOUVRE LA COLLECTION
            </a>
        </div>

        <div class="desktop_6_of_12 tablet_12_of_12 mobile_12_of_12 columns">
            <div class="slider">
                <div class="slider_content custom_slide_padding">
                    <img src="http://www.marionnaud.fr/elab/mar/LP/2022/2022MAR2032/table-set.jpg" alt="slide">
                </div>
                <div class="slider_content custom_slide_padding">
                    <img src="http://www.marionnaud.fr/elab/mar/LP/2022/2022MAR2032/eyeshadow.jpg" alt="slide">
                </div>
                <div class="slider_content custom_slide_padding">
                    <img src="http://www.marionnaud.fr/elab/mar/LP/2022/2022MAR2032/table-coffee.jpg" alt="slide">
                </div>
            </div>
        </div>

    </div>

    <!--Be Radiant-->
    <div class="row">
        <div class="desktop_12_of_12  columns">
            <h2>SOYEZ RADIEUSE...</h2>
            <p class="brown_copy">Teint naturellement hâlé, regard intensifié pendant 8 heures, cils extrêmement définis, lèvres délicieusement brillantes ou mattes… Ces produits sauront sublimer votre beauté naturelle lors de toutes vos escapades.</p>
        </div>
    </div>


    <!--PRODUCT CAROUSEL-->

    <div class="row">
        <div class="desktop_12_of_12  columns ">

            <div class="productGrid desktop_fourProducts tablet_threeProducts mobile_twoProducts">
                <div class="sliderProducts">


                    <div class="slider_content">
                        <div class="productTile">
                            <a href="https://www.marionnaud.fr/maquillage/teint/poudre-de-soleil/make-me-happy-ma-poudre-bronzante-colorsun-marionnaud/p/101495209
                            " class="productImage"><img src="https://www.marionnaud.fr/elab/mar/LP/2022/2022MAR0945/02-Golden-Tan-closed-26687.jpg" alt="Ma Poudre Bronzante Colorsun - 02 Golden Tan" /></a>
                            <span class="productBrand">MAKE ME HAPPY</span>
                            <!-- <span class="productName">Pour Femme</span> -->
                            <span class="productDescription">Ma Poudre Bronzante<br>
                                Colorsun - 02 Golden Tan
                            </span>
                            <a href="https://www.marionnaud.fr/maquillage/teint/poudre-de-soleil/make-me-happy-ma-poudre-bronzante-colorsun-marionnaud/p/101495209
                            " class="button" target="_blank">JE CRAQUE</a>
                        </div>
                    </div>

                    <div class="slider_content">
                        <div class="productTile">
                            <a href="https://www.marionnaud.fr/maquillage/yeux/ombre-a-paupieres/make-me-happy-mon-ombre-soyeuse-marionnaud/p/101456091
                            " class="productImage"><img src="https://www.marionnaud.fr/elab/mar/LP/2022/2022MAR0945/04-closed-26885.jpg" alt="Mon Ombre Soyeuse - 04 Romantic Peach" /></a>
                            <span class="productBrand">MAKE ME HAPPY</span>
                            <!-- <span class="productName">Pour Femme</span> -->
                            <span class="productDescription">Mon Ombre Soyeuse -<br>
                                04 Romantic Peach
                            </span>
                            <a href="https://www.marionnaud.fr/maquillage/yeux/ombre-a-paupieres/make-me-happy-mon-ombre-soyeuse-marionnaud/p/101456091
                            " class="button" target="_blank">JE CRAQUE</a>
                        </div>
                    </div>

                    <div class="slider_content">
                        <div class="productTile">
                            <a href="https://www.marionnaud.fr/maquillage/yeux/mascara/make-me-happy-mon-mascara-designer-marionnaud/p/101418191
                            " class="productImage"><img src="https://www.marionnaud.fr/elab/mar/LP/2022/2022MAR0945/Mascara-01-open-27233.jpg" alt="Mon Mascara Designer - Charming Black" /></a>
                            <span class="productBrand">MAKE ME HAPPY</span>
                            <!-- <span class="productName">Pour Femme</span> -->
                            <span class="productDescription">Mon Mascara Designer - <br>
                                Charming Black
                            </span>
                            <a href="https://www.marionnaud.fr/maquillage/yeux/mascara/make-me-happy-mon-mascara-designer-marionnaud/p/101418191
                            " class="button" target="_blank">JE CRAQUE</a>
                        </div>
                    </div>

                    <div class="slider_content">
                        <div class="productTile">
                            <a href="https://www.marionnaud.fr/maquillage/levres/rouge-a-levres/make-me-happy-mon-rouge-crazyshine-marionnaud/p/101456390
                            " class="productImage"><img src="https://www.marionnaud.fr/elab/mar/LP/2022/2022MAR0945/04-Spicy-Red-open-27400.jpg" alt="Mon Rouge Crazyshine - 04 Spicy Red" /></a>
                            <span class="productBrand">MAKE ME HAPPY</span>
                            <!-- <span class="productName">Pour Femme</span> -->
                            <span class="productDescription">Mon Rouge Crazyshine - <br>
                                04 Spicy Red
                            </span>
                            <a href="https://www.marionnaud.fr/maquillage/levres/rouge-a-levres/make-me-happy-mon-rouge-crazyshine-marionnaud/p/101456390" class="button" target="_blank">JE CRAQUE</a>
                        </div>
                    </div>





                    <div class="slider_content">
                        <div class="productTile">
                            <a href="https://www.marionnaud.fr/maquillage/levres/rouge-a-levres/make-me-happy-mon-mat-crush-marionnaud/p/101436233
                            " class="productImage"><img src="https://www.marionnaud.fr/elab/mar/LP/2022/2022MAR0945/08-Secret-Nude-open-27585.jpg" alt="Mon Mat Crush - 08 Secret Nude" /></a>
                            <span class="productBrand">MAKE ME HAPPY</span>
                            <!-- <span class="productName">Pour Femme</span> -->
                            <span class="productDescription">Mon Mat Crush - <br>
                                08 Secret Nude
                            </span>
                            <a href="https://www.marionnaud.fr/maquillage/levres/rouge-a-levres/make-me-happy-mon-mat-crush-marionnaud/p/101436233" class="button" target="_blank">JE CRAQUE</a>
                        </div>
                    </div>

                    <div class="slider_content">
                        <div class="productTile">
                            <a href="https://www.marionnaud.fr/maquillage/yeux/ombre-a-paupieres/make-me-happy-mon-ombre-soyeuse-marionnaud/p/101456103" class="productImage"><img src="https://www.marionnaud.fr/elab/mar/LP/2022/2022MAR0945/06-closed-26908.jpg" alt="Mon Ombre Soyeuse - 06 Poetic Rosewood" /></a>
                            <span class="productBrand">MAKE ME HAPPY</span>
                            <!-- <span class="productName">Pour Femme</span> -->
                            <span class="productDescription">Mon Ombre Soyeuse - <br>
                                06 Poetic Rosewood
                            </span>
                            <a href="https://www.marionnaud.fr/maquillage/yeux/ombre-a-paupieres/make-me-happy-mon-ombre-soyeuse-marionnaud/p/101456103" class="button" target="_blank">JE CRAQUE</a>
                        </div>
                    </div>

                    <div class="slider_content">
                        <div class="productTile">
                            <a href="https://www.marionnaud.fr/maquillage/yeux/ombre-a-paupieres/make-me-happy-mon-ombre-soyeuse-marionnaud/p/101456120" class="productImage"><img src="https://www.marionnaud.fr/elab/mar/LP/2022/2022MAR0945/10-closed-26946.jpg" alt="Mon Ombre Soyeuse - 10 Warm Chocolate" /></a>
                            <span class="productBrand">MAKE ME HAPPY</span>
                            <!-- <span class="productName">Pour Femme</span> -->
                            <span class="productDescription">Mon Ombre Soyeuse - <br>
                                10 Warm Chocolate
                            </span>
                            <a href="https://www.marionnaud.fr/maquillage/yeux/ombre-a-paupieres/make-me-happy-mon-ombre-soyeuse-marionnaud/p/101456120" class="button" target="_blank">JE CRAQUE</a>
                        </div>
                    </div>

                    <div class="slider_content">
                        <div class="productTile">
                            <a href="https://www.marionnaud.fr/maquillage/yeux/ombre-a-paupieres/make-me-happy-mon-ombre-soyeuse-marionnaud/p/101456251
                            " class="productImage"><img src="https://www.marionnaud.fr/elab/mar/LP/2022/2022MAR0945/17-closed-27011.jpg" alt="Mon Ombre Soyeuse - 17 Trendy Green" /></a>
                            <span class="productBrand">MAKE ME HAPPY</span>
                            <!-- <span class="productName">Pour Femme</span> -->
                            <span class="productDescription">Mon Ombre Soyeuse - <br>
                                17 Trendy Green
                            </span>
                            <a href="https://www.marionnaud.fr/maquillage/yeux/ombre-a-paupieres/make-me-happy-mon-ombre-soyeuse-marionnaud/p/101456251
                            " class="button" target="_blank">JE CRAQUE</a>
                        </div>
                    </div>

                </div>

            </div>

        </div>
    </div>


    <!--Video Section-->

    <div class="row">
        <div class="desktop_12_of_12  columns">
            <h3 class = "custom-font-weight">TUTO : 2 TEINTES POUR 1 LOOK ENVOÛTANT</h3>
        </div>
    </div>

    <div class="row">
        <div class="desktop_12_of_12  tablet_12_of_12 columns">
            <div class="responsiveVideo"><iframe width="760" height="400" src="https://www.youtube.com/embed/gJ5F7D7HCZQ?rel=0&autoplay=1" frameborder="0" allowfullscreen></iframe></div>
        </div>
    </div>


    <!--Inspiration Section-->

    <div class="row">
        <div class="desktop_12_of_12  columns">
            <h3 class = "custom-font-weight">BESOIN D’INSPIRATION ?</h3>
        </div>
    </div>

    <div class="row">
        <div class="desktop_6_of_12  columns">
            <img src="https://www.marionnaud.fr/elab/mar/LP/2022/2022MAR2032/enigmatic-look.jpg" alt="Enigmatic Look">
            <a href="#blooming" class="blooming-img button-nostyle button heartbeat1 elab_tabs-button active">
                <h2 class="custom-look">Enigmatic Look</h2>
            </a>

        </div>
        <div class="desktop_6_of_12  columns">
            <img src="https://www.marionnaud.fr/elab/mar/LP/2022/2022MAR0945/fancy-look.jpg" alt="Fancy Look">
            <a href="#fancy" class="button-nostyle button heartbeat2 elab_tabs-button">
                <h2 class="custom-look">Fancy Look</h2>
            </a>
        </div>
    </div>


    <!--Blooming Look-->

    <div id="blooming" class="elab_tabs">

        <!--Blooming Look Carousel-->

        <div class="row">
            <div class="desktop_12_of_12  columns ">

                <div class="productGrid desktop_fourProducts tablet_threeProducts mobile_twoProducts">
                    <div class="elab-Products">

                        <div class="productTile">
                            <a href="https://www.marionnaud.fr/maquillage/yeux/ombre-a-paupieres/make-me-happy-mon-ombre-soyeuse-marionnaud/p/101456120" class="productImage"><img src="https://www.marionnaud.fr/elab/mar/LP/2022/2022MAR2032/10-warm-chocolate.jpg" alt="Mon Ombre Soyeuse - 10 Warm Chocolate" /></a>
                            <span class="productBrand">MAKE ME HAPPY</span>
                            <!-- <span class="productName">Pour Femme</span> -->
                            <span class="productDescription">Mon Ombre Soyeuse - <br>
                                10 Warm Chocolate
                            </span>
                            <a href="https://www.marionnaud.fr/maquillage/yeux/ombre-a-paupieres/make-me-happy-mon-ombre-soyeuse-marionnaud/p/101456120" class="button" target="_blank">JE CRAQUE</a>
                        </div>

                        <div class="productTile">
                            <a href="https://www.marionnaud.fr/maquillage/yeux/ombre-a-paupieres/make-me-happy-mon-ombre-soyeuse-marionnaud/p/101456251" class="productImage"><img src="https://www.marionnaud.fr/elab/mar/LP/2022/2022MAR2032/17-trendy-green.jpg" alt="Mon Ombre Soyeuse - 17 Trendy Green" /></a>
                            <span class="productBrand">MAKE ME HAPPY</span>
                            <!-- <span class="productName">Pour Femme</span> -->
                            <span class="productDescription">Mon Ombre Soyeuse - <br>
                                17 Trendy Green
                            </span>
                            <a href="https://www.marionnaud.fr/maquillage/yeux/ombre-a-paupieres/make-me-happy-mon-ombre-soyeuse-marionnaud/p/101456251" class="button" target="_blank">JE CRAQUE</a>
                        </div>

                        <div class="productTile">
                            <a href="https://www.marionnaud.fr/maquillage/levres/rouge-a-levres/make-me-happy-mon-mat-crush-marionnaud/p/101436233" class="productImage"><img src="https://www.marionnaud.fr/elab/mar/LP/2022/2022MAR2032/08-Secret-Nude-open.jpg" alt="Mon Mat Crush - 08 Secret Nude" /></a>
                            <span class="productBrand">MAKE ME HAPPY</span>
                            <!-- <span class="productName">Pour Femme</span> -->
                            <span class="productDescription">Mon Mat Crush - <br>
                                08 Secret Nude
                            </span>
                            <a href="https://www.marionnaud.fr/maquillage/levres/rouge-a-levres/make-me-happy-mon-mat-crush-marionnaud/p/101436233" class="button" target="_blank">JE CRAQUE</a>
                        </div>

                        <div class="productTile">
                            <a href="https://www.marionnaud.fr/maquillage/yeux/mascara/make-me-happy-mon-mascara-designer-marionnaud/p/101418191" class="productImage"><img src="https://www.marionnaud.fr/elab/mar/LP/2022/2022MAR0945/Mascara-01-open-27233.jpg" alt="Mon Mascara Designer - Charming Black" /></a>
                            <span class="productBrand">MAKE ME HAPPY</span>
                            <!-- <span class="productName">Pour Femme</span> -->
                            <span class="productDescription">Mon Mascara Designer - <br>
                                Charming Black
                            </span>

                            <a href="https://www.marionnaud.fr/maquillage/yeux/mascara/make-me-happy-mon-mascara-designer-marionnaud/p/101418191" class="button" target="_blank">JE CRAQUE</a>
                        </div>


                    </div>
                </div>
            </div>

        </div>

    </div>

    <!--Fancy Look-->

    <div id="fancy" class="elab_tabs">

        <!--Fancy Look Carousel-->

        <div class="row">
            <div class="desktop_12_of_12  columns ">

                <div class="productGrid desktop_fourProducts tablet_threeProducts mobile_twoProducts">
                    <div class="elab-Products">

                        <div class="productTile">
                            <a href="https://www.marionnaud.fr/maquillage/yeux/ombre-a-paupieres/make-me-happy-mon-ombre-soyeuse-marionnaud/p/101456120" class="productImage"><img src="https://www.marionnaud.fr/elab/mar/LP/2022/2022MAR0945/10-closed-26946.jpg" alt="Mon Ombre Soyeuse -
                                10 Warm Chocolate" /></a>
                            <span class="productBrand">MAKE ME HAPPY</span>
                            <!-- <span class="productName">Pour Femme</span> -->
                            <span class="productDescription">Mon Ombre Soyeuse - <br>
                                10 Warm Chocolate
                            </span>

                            <a href="https://www.marionnaud.fr/maquillage/yeux/ombre-a-paupieres/make-me-happy-mon-ombre-soyeuse-marionnaud/p/101456120" class="button" target="_blank">JE CRAQUE</a>
                        </div>

                        <div class="productTile">
                            <a href="https://www.marionnaud.fr/maquillage/levres/rouge-a-levres/make-me-happy-mon-rouge-crazyshine-marionnaud/p/101456390" class="productImage"><img src="https://www.marionnaud.fr/elab/mar/LP/2022/2022MAR0945/04-Spicy-Red-open-27400.jpg" alt="Mon Rouge Crazyshine - 04 Spicy Red" /></a>
                            <span class="productBrand">MAKE ME HAPPY</span>
                            <!-- <span class="productName">Pour Femme</span> -->
                            <span class="productDescription">Mon Rouge Crazyshine - <br>
                                04 Spicy Red
                            </span>

                            <a href="https://www.marionnaud.fr/maquillage/levres/rouge-a-levres/make-me-happy-mon-rouge-crazyshine-marionnaud/p/101456390" class="button" target="_blank">JE CRAQUE</a>
                        </div>

                        <div class="productTile">
                            <a href="https://www.marionnaud.fr/maquillage/teint/poudre-de-soleil/make-me-happy-ma-poudre-bronzante-colorsun-marionnaud/p/101495209" class="productImage"><img src="https://www.marionnaud.fr/elab/mar/LP/2022/2022MAR0945/02-Golden-Tan-closed-26687.jpg" alt="Ma Poudre Bronzante
                                Colorsun - 02 Golden Tan" /></a>
                            <span class="productBrand">MAKE ME HAPPY</span>
                            <!-- <span class="productName">Pour Femme</span> -->
                            <span class="productDescription">Ma Poudre Bronzante
                                Colorsun - 02 Golden Tan
                            </span>

                            <a href="https://www.marionnaud.fr/maquillage/teint/poudre-de-soleil/make-me-happy-ma-poudre-bronzante-colorsun-marionnaud/p/101495209" class="button" target="_blank">JE CRAQUE</a>
                        </div>

                        <div class="productTile">
                            <a href="https://www.marionnaud.fr/maquillage/yeux/mascara/make-me-happy-mon-mascara-designer-marionnaud/p/101418191" class="productImage"><img src="https://www.marionnaud.fr/elab/mar/LP/2022/2022MAR0945/Mascara-01-open-27233.jpg" alt="Mon Mascara Designer - Charming Black" /></a>
                            <span class="productBrand">MAKE ME HAPPY</span>
                            <!-- <span class="productName">Pour Femme</span> -->
                            <span class="productDescription">Mon Mascara Designer - <br>
                                Charming Black
                            </span>

                            <a href="https://www.marionnaud.fr/maquillage/yeux/mascara/make-me-happy-mon-mascara-designer-marionnaud/p/101418191" class="button" target="_blank">JE CRAQUE</a>
                        </div>
                    </div>
                </div>
            </div>

        </div>

    </div>


    <!--Nails Section-->

    <div class="row">
        <div class="desktop_12_of_12  columns">
            <h2>... JUSQU’AU BOUT DES ONGLES</h2>
        </div>
    </div>
    <div class="row">
        <div class="desktop_12_of_12  columns">
            <img src="https://www.marionnaud.fr/elab/mar/LP/2022/2022MAR0945/nail-lacquers.jpg">
            <p class="brown_copy">Inspirés des couleurs chatoyantes et douces des vallées provençales, ces six vernis laque en édition limitée sublimeront vos looks. Leur plus ? Ils sont enrichis en huile de kukui originaire d’Hawaï, qui permet de booster la beauté des ongles.</p>
        </div>
    </div>
    <div class="row">
        <div class="desktop_12_of_12  columns">
            <h3 class = "custom-font-weight">POUR QUELLES TEINTES ALLEZ-VOUS CRAQUER ?</h3>
        </div>
    </div>

    <div class="row">
        <div class="desktop_1_of_12 hideonMB columns">
        </div>
        <div class="desktop_10_of_12 mobile_12_of_12 columns">
            <div class="row rollover-grid">
                <div class="desktop_4_of_12 mobile_6_of_12 columns">
                    <a href="https://www.marionnaud.fr/maquillage/ongles/vernis-a-ongles/escapade-en-provence-mon-vernis-laque-marionnaud/p/102243337" target="_blank">
                        <img class="product-image fadeMe" src="https://www.marionnaud.fr/elab/mar/LP/2022/2022MAR2032/nail-lacquer-1.jpg">
                        <img class="product-rollover fadeMe" src="https://www.marionnaud.fr/elab/mar/LP/2022/2022MAR0945/rollover-1.jpg">
                    </a>
                </div>
                <div class="desktop_4_of_12 mobile_6_of_12  columns">
                    <a href="https://www.marionnaud.fr/maquillage/ongles/vernis-a-ongles/escapade-en-provence-mon-vernis-laque-marionnaud/p/102243345
                    " target="_blank"><img class="product-image fadeMe" src="https://www.marionnaud.fr/elab/mar/LP/2022/2022MAR2032/nail-lacquer-2.jpg">
                        <img class="product-rollover fadeMe" src="https://www.marionnaud.fr/elab/mar/LP/2022/2022MAR0945/rollover-2.jpg">
                    </a>
                </div>
                <div class="desktop_4_of_12 mobile_6_of_12  columns">
                    <a href="https://eur05.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.marionnaud.fr%2Fmaquillage%2Fongles%2Fvernis-a-ongles%2Fescapade-en-provence-mon-vernis-laque-marionnaud%2Fp%2F102243353&data=04%7C01%7Ccmasnou%40marionnaud.com%7C7e14aabb112345b6485f08da0113f7d4%7C977a78f9ccbb464183d58256ba909cea%7C0%7C0%7C637823482513198439%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000&sdata=qc%2BWQyoMinydLsfuhF9OBcsEaI2ANk9OyrSdqsx9z4A%3D&reserved=0
                    " target="_blank"><img class="product-image fadeMe" src="https://www.marionnaud.fr/elab/mar/LP/2022/2022MAR2032/nail-lacquer-3.jpg">
                        <img class="product-rollover fadeMe" src="https://www.marionnaud.fr/elab/mar/LP/2022/2022MAR0945/rollover-3.jpg">
                    </a>
                </div>

                <div class="desktop_4_of_12 mobile_6_of_12  columns">
                    <a href="https://www.marionnaud.fr/maquillage/ongles/vernis-a-ongles/escapade-en-provence-mon-vernis-laque-marionnaud/p/102243361
                    " target="_blank"><img class="product-image fadeMe" src="https://www.marionnaud.fr/elab/mar/LP/2022/2022MAR2032/nail-lacquer-4.jpg">
                        <img class="product-rollover fadeMe" src="https://www.marionnaud.fr/elab/mar/LP/2022/2022MAR0945/rollover-4.jpg">
                    </a>
                </div>
                <div class="desktop_4_of_12 mobile_6_of_12  columns">
                    <a href="https://www.marionnaud.fr/maquillage/ongles/vernis-a-ongles/escapade-en-provence-mon-vernis-laque-marionnaud/p/102243370
                    " target="_blank"><img class="product-image fadeMe" src="https://www.marionnaud.fr/elab/mar/LP/2022/2022MAR2032/nail-lacquer-5.jpg">
                        <img class="product-rollover fadeMe" src="https://www.marionnaud.fr/elab/mar/LP/2022/2022MAR0945/rollover-5.jpg">
                    </a>
                </div>
                <div class="desktop_4_of_12 mobile_6_of_12  columns">
                    <a href="https://www.marionnaud.fr/maquillage/ongles/vernis-a-ongles/escapade-en-provence-mon-vernis-laque-marionnaud/p/102243388
                    " target="_blank"><img class="product-image fadeMe" src="https://www.marionnaud.fr/elab/mar/LP/2022/2022MAR2032/nail-lacquer-6.jpg">
                        <img class="product-rollover fadeMe" src="https://www.marionnaud.fr/elab/mar/LP/2022/2022MAR0945/rollover-6.jpg">
                    </a>
                </div>
            </div>
        </div>
        <div class="desktop_1_of_12 hideonMB columns">
        </div>
    </div>

</div>

<script>
   
    var myInterval = setInterval(function(){
            // console.log("-------1------");    
            document.querySelector("body > div > div.row.custom-flex-row > div:nth-child(2) > div > div.slick-list.draggable").classList.add('customMargin');              
            PageModification();        
        }, 500);

function PageModification()
{
    // document.querySelector("body > div > div.row.custom-flex-row > div:nth-child(2) > div > div.slick-list.draggable").classList.add('customMargin');
    document.querySelector("body > div > div.row.custom-flex-row > div:nth-child(2) > div > div.slick-prev.slick-arrow").style.display = 'none';
    document.querySelector("body > div > div.row.custom-flex-row > div:nth-child(2) > div > div.slick-next.slick-arrow").style.display = 'none';
    var myInterval2 = setInterval(function () {
        document.querySelector("body > div > div.row.custom-flex-row > div:nth-child(2) > div > div.slick-next.slick-arrow").click();
     }, 2000);
clearInterval(myInterval);
}
</script>