.elementor-802 .elementor-element.elementor-element-c49612c .elementor-repeater-item-36a6462.king-addons-auto-scrolling-text{background-color:#FF0000;font-size:25px;color:#FFFFFF;}.elementor-802 .elementor-element.elementor-element-c49612c .elementor-repeater-item-36a6462.king-addons-auto-scrolling-text a{color:#FFFFFF;}.elementor-802 .elementor-element.elementor-element-c49612c .elementor-repeater-item-1eb7cb0.king-addons-auto-scrolling-text{background-color:#FF0000;font-size:25px;color:#FFFFFF;}.elementor-802 .elementor-element.elementor-element-c49612c .elementor-repeater-item-1eb7cb0.king-addons-auto-scrolling-text a{color:#FFFFFF;}.elementor-802 .elementor-element.elementor-element-c49612c .elementor-repeater-item-cddba4e.king-addons-auto-scrolling-text{background-color:#FF0000;font-size:25px;color:#FFFFFF;}.elementor-802 .elementor-element.elementor-element-c49612c .elementor-repeater-item-cddba4e.king-addons-auto-scrolling-text a{color:#FFFFFF;}.elementor-802 .elementor-element.elementor-element-c49612c .king-addons-auto-scrolling-text{margin-right:50px;font-size:50px;color:#FFFFFF;padding:0px 0px 0px 0px;}.elementor-802 .elementor-element.elementor-element-c49612c .king-addons-auto-scrolling-text-wrapper{animation-duration:180s;}/* Start custom CSS for shortcode, class: .elementor-element-b0cca56 *//********************************************************
   1-ZERO — BLOC LOGIN MODERNE
   Police principale : Kaushan Script
   Police secondaire : Kavivanar
   Jaune remplacé par Orange (#FF7A00)
*********************************************************/

/* IMPORT FONTS */
@import url('https://fonts.googleapis.com/css2?family=Kaushan+Script&family=Kavivanar:wght@400;500;600&display=swap');

/* PALETTE 1-ZERO */
:root {
    --1zero-red: #D62828;
    --1zero-orange: #FF7A00;
    --1zero-black: #111;
    --1zero-grey: #f4f4f4;
    --1zero-white: #FFFFFF;

    --title-font: "Kaushan Script", cursive;
    --text-font: "Kavivanar", cursive;
}

/********************************************************
                CONTAINER DU FORMULAIRE
*********************************************************/

#wpmem_login {
    max-width: 480px;
    margin: 40px auto;
    background: var(--1zero-white);
    padding: 35px;
    border-radius: 12px;
    border: 3px solid var(--1zero-orange);
    box-shadow: 0px 8px 25px rgba(0,0,0,0.12);
}

/********************************************************
                    TITRE DU FORMULAIRE
*********************************************************/

#wpmem_login legend {
    font-family: var(--title-font);
    font-size: 32px;
    color: var(--1zero-red);
    font-weight: 600;
    text-align: center;
    margin-bottom: 20px;
    border-bottom: 3px solid var(--1zero-orange);
    padding-bottom: 8px;
}

/********************************************************
                     LABELS & CHAMPS
*********************************************************/

#wpmem_login label {
    display: block;
    margin-top: 18px;
    font-family: var(--text-font);
    font-size: 17px;
    color: var(--1zero-black);
}

.div_text input {
    width: 100%;
    font-family: var(--text-font);
    font-size: 17px;
    padding: 12px 14px;
    margin-top: 6px;
    border-radius: 8px;
    border: 2px solid var(--1zero-orange);
    background: var(--1zero-grey);
    transition: 0.2s ease-in-out;
}

/* Focus input */
.div_text input:focus {
    border-color: var(--1zero-red);
    background: #fff;
    box-shadow: 0px 0px 0px 3px rgba(214,40,40,0.15);
    outline: none;
}

/********************************************************
                    CHECKBOX
*********************************************************/

#rememberme {
    accent-color: var(--1zero-red);
    width: 18px;
    height: 18px;
    transform: translateY(3px);
}

.label-remember {
    font-family: var(--text-font);
    font-size: 15px;
}

/********************************************************
                      BOUTON LOGIN
*********************************************************/

#wpmem_login .buttons {
    width: 100%;
    margin-top: 25px;
    background: var(--1zero-red);
    color: #fff;
    padding: 14px;
    font-size: 20px;
    font-family: var(--title-font);
    border: none;
    border-radius: 8px;
    cursor: pointer;
    text-transform: none;
    letter-spacing: 1px;
    transition: 0.25s ease-in-out;
}

#wpmem_login .buttons:hover {
    background: #a31f1f;
    transform: translateY(-2px);
}

/********************************************************
                 MOT DE PASSE OUBLIÉ
*********************************************************/

.link-text-forgot {
    display: block;
    margin-top: 18px;
    text-align: center;
    font-family: var(--text-font);
    font-size: 15px;
}

.link-text-forgot a {
    color: var(--1zero-red);
    text-decoration: underline;
}

.link-text-forgot a:hover {
    color: #a31f1f;
}

/********************************************************
                     RESPONSIVE
*********************************************************/

@media (max-width: 480px) {
    #wpmem_login {
        padding: 25px;
    }

    #wpmem_login legend {
        font-size: 26px;
    }

    #wpmem_login .buttons {
        font-size: 18px;
    }
}/* End custom CSS */