/* =========================================================
   POP-UP WELCOME
   ========================================================= */


/* FORMULAIRE */
div#probance_form_block form#probance_form_2 {
    margin: 0;
    width: 100%;
}


/* =========================================================
   CHAMPS
   ========================================================= */

div#probance_form_block form#probance_form_2 input[type=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"text\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"]::placeholder {
    color: #b1b1b1 !important;
    opacity: 1;
}


/* =========================================================
   TEXTE DU POP-UP EN BLANC
   ========================================================= */

div#probance_form_block h2,
div#probance_form_block p {
    color: #ffffff;
}


/* Texte du formulaire */
form#probance_form_2 h2,
form#probance_form_2 p,
form#probance_form_2 span,
form#probance_form_2 label {
    color: #ffffff !important;
}


/* =========================================================
   BOUTON
   ========================================================= */

form#probance_form_2 input#probance_newsletter_submit_btn_2 {
    background-color: #FDC619 !important;
    color: #ffffff !important;

    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;

    width: 100%;
}


/* =========================================================
   BOUTON AU SURVOL
   ========================================================= */

form#probance_form_2 input#probance_newsletter_submit_btn_2:hover {
    background-color: #ffffff !important;
    color: #f49ac3 !important;
}


/* =========================================================
   ALIGNEMENT DE LA CHECKBOX AVEC LE TEXTE
   ========================================================= */

#probance_optin_cb_nl_2 {
    position: relative !important;
    left: 10px !important;
    top: 0px !important;
    margin: 0 !important;
    vertical-align: top !important;
}

#probance_popup_4751 #probance_popup_content {
    padding-left: 20px !important;
    box-sizing: border-box !important;
}


/* =========================================================
   ALIGNEMENT DE L IMAGE
   ========================================================= */

#probance_popup_4751 .popup_image {
    display: flex !important;
    align-items: center !important;
}

/* =========================================================
   MOBILE - NOUVEAU DESIGN
   ========================================================= */

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

    /* POPUP */
    #probance_popup_4751.probance_popup {
        width: 90% !important;
        max-width: 360px !important;
        box-sizing: border-box !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    /* =========================================================
       LOGO EN HAUT
       ========================================================= */

    #probance_popup_4751 .popup_image,
    #probance_popup_4751 .popup_image.left {
        display: block !important;
        float: none !important;
        position: static !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 auto 10px auto !important;
        padding: 0 !important;

        text-align: center !important;
        order: 1 !important;
    }

    #probance_popup_4751 .popup_image img {
        display: block !important;
        width: 90px !important;
        height: auto !important;

        margin: 0 auto !important;
        float: none !important;
    }

    /* =========================================================
       CONTENU SOUS LE LOGO
       ========================================================= */

    #probance_popup_4751 #probance_popup_content {
        display: block !important;
        float: none !important;
        position: static !important;

        width: 100% !important;
        max-width: 100% !important;

        padding-left: 20px !important;
        padding-right: 20px !important;

        box-sizing: border-box !important;
        order: 2 !important;
    }

    /* =========================================================
       FORMULAIRE
       ========================================================= */

    #probance_popup_4751 #probance_form_block,
    #probance_popup_4751 #probance_form_2 {
        width: 100% !important;
    }

}