/* LBP */

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');


/* FONT */

/* RAJOUT LE 12072021 - POPUP nouvelle demande remboursement - END*/
*,
::before,
::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    --bleu-lbp: #093896; /*OK*/
    --bleu-clair-lbp: #1A7BBF; /*OK*/
    --bleu-tuile: #F3F6FA; /*OK*/
    --white: #fff; /*OK*/
    /*Progress Bar*/
    --bleu-progress-bar: #007CBF; /*OK*/
    --bleu-clair-progress-bar: #E9F4FB; /*OK*/
    /*Progress Bar*/
    /*FAQ*/
    --bg-faq: #575756;
    /*FAQ*/
    /* Bouton precedent*/
    --btn-precedent: #003E60; /*OK*/
    --btn-precedent-hover: #F6FBFD; /*OK*/
    /* Bouton */
    /*Bouton suivant*/
    --btn-suivant-hover: #002d7a; /*OK*/
    /*Bouton suivant*/
    /* Upload Fichier*/
    --border-UploadFichier: #7F7F7F; /*OK*/
    --bg-UploadFichier: #F7F7F7; /*OK*/
    /* Upload Fichier*/

    --border-gray-lbp: #dadadb; /*OK*/
    --bg-tooltip-lbp: #F5F9FF; /*OK*/
    --txt-tooltip-lbp: #888A93; /*OK*/

    --border-input-lbp: #DFE1E6; /*OK*/

    --nav-name-lbp: #093896; /*OK*/
    --nav-footer-lbp: #1A7BBF; /*OK*/

    --color-disabled: #C5C6C8; /*OK*/
    --txt-disabled: #888A8F; /*OK*/

    --bg-gellule-enTraitement: #FFEEE1; /*OK*/
    --txt-gellule-enTraitement: #7D4017; /*OK*/

    --bg-gellule-transmettre: #F5CFE9; /*OK*/
    --txt-gellule-transmettre: #7D1B5E; /*OK*/

    --bg-gellule-transmis: #F7FBFD; /*OK*/
    --txt-gellule-transmis: #6C95A9; /*OK*/

    --bg-gellule-conforme: #E8F8F5; /*OK*/
    --txt-gellule-conforme: #22725D; /*OK*/

    --bg-gellule-nonConforme: #F9E4E4; /*OK*/
    --txt-gellule-nonConforme: #992526; /*OK*/

    --bg-gellule-attente: #E6F2FA; /*OK*/
    --txt-gellule-attente: #2C5975; /*OK*/

    --bg-gellule-clos: #DFDFE0; /*OK*/
    --txt-gellule-clos: #5B5C65; /*OK*/
    /* couleur txt courant */
    --font-color: #071621; /*OK*/
    /* couleur txt courant */
    --txt-color-number-normal: #888A8F; /*OK*/
    /* couleur titre */
    --font-color-titre: #003E60; /*OK*/
    /* couleur titre */
    /**/
    --bg-bloc-warning: #FAE8E8; /*OK*/
    /**/
    /* Footer */
    --bg-footer-lbp: #003E60; /*OK*/
    --color-footer: #fff; /*OK*/
    /* Footer */
    /* Taille Font */
    --heading-L: 28px;
    --heading-M: 24px;
    --heading-SM: 21px;
    --heading-S: 18px;
    --body-M: 16px;
    --body-S: 14px;
    --body-XS: 12px;
    --lineHeight-S: 20px;
    --lineHeight-XS: 16px;
    /* Taille Font */
    /*Message erreur*/
    --msgError: #CC1111D2; /*OK*/
    --msgValid: #77A773; /*OK*/
    --msgSuccess: #093896; /*OK*/
    /*Message erreur*/
    /* Margin Bottom */
    --marginBottom83: 83px;
    /* Margin Bottom */
    --bs-border-color-translucent: transparent;
    --yc-border-color-translucent: transparent;
    --yc-modal-border-radius: 15px;
    --yc-modal-inner-border-radius: 15px;
}

.modal {
    --bs-modal-zindex: 1055;
    --bs-modal-width: 500px;
    --bs-modal-padding: 1rem 1.5rem;
    --bs-modal-margin: 0.5rem;
    --bs-modal-bg: #fff;
    --bs-modal-border-color: var(--yc-border-color-translucent);
    --bs-modal-border-width: 1px;
    --bs-modal-border-radius: var(--yc-modal-border-radius);
    --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-modal-inner-border-radius: var(--yc-modal-inner-border-radius);
    --bs-modal-header-padding-x: 1rem;
    --bs-modal-header-padding-y: 1rem;
    --bs-modal-header-padding: 1rem 1rem;
    --bs-modal-header-border-color: var(--bs-border-color);
    --bs-modal-header-border-width: 1px;
    --bs-modal-title-line-height: 1.5;
    --bs-modal-footer-gap: 0.5rem;
    --bs-modal-footer-border-color: var(--bs-border-color);
    --bs-modal-footer-border-width: 1px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-modal-zindex);
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
}

.card {
    --bs-card-border-radius: var(--yc-modal-border-radius);
}

/* Correctif pour EDGE (oeil) */
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
    display: none;
}
/* Correctif pour EDGE (oeil) */

html,
body {
    height: 100%;
}

body {
    font-family: "Lato", sans-serif;
    display: flex;
    flex-direction: column;
}

.content {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

.logo {
    background: url("https://static.europ-assistance.fr/PortailBancaire/images/logo-LBP.svg") no-repeat;
    width: 84px;
    height: 58px;
    margin-top: 10px;
}

.logoEA {
    background: url("https://static.europ-assistance.fr/PortailBancaire/images/CA-logo-ea-basic.svg") no-repeat;
    width: 66px;
    height: 44px;
}

@media screen and (min-width: 319px) and (max-width: 1015px) {
    .logo {
        margin-left: 10px;
    }

    .logoEA {
        margin-right: 10px;
    }
}

/* Element recurrent*/

h1, h2, h3, h4, h5 {
    font-family: "Lato", sans-serif;
}

.colorLabelHome {
    color: white;
}

::placeholder {
    color: var(--font-color-titre) !important;
    font-weight: 500;
    font-size: var(--body-S);
}
/* nouvelle modif couleur placeholder */
/* CATS FORM */
.colorBlueLabel {
    color: var(--font-color-titre);
}
/* CATS FORM */
:focus-visible {
    outline: none;
}
/* CATS Visibilite du mot de passe (oeil) */
.oeilOuvert,
.oeilFerme {
    fill: var(--font-color-titre);
}
/* CATS Visibilite du mot de passe (oeil) */
p {
    margin-bottom: 0;
    font-size: var(--body-S);
    line-height: var(--lineHeight-S);
}

ul {
    font-size: var(--body-S);
    line-height: var(--lineHeight-S);
    margin-bottom: 0;
}

.opacity093 {
    opacity: 0.93;
}

.opacity095 {
    opacity: 0.95;
}

.colorWhite {
    color: var(--white);
}

.paraphModalGrey {
    color: var(--txt-color-number-normal);
    ;
}

.titleBlocLight {
    font-weight: 500;
    text-transform: uppercase;
}

.titleBlocBold {
    font-weight: 700;
    text-transform: uppercase;
}

.titleLight {
    font-weight: 300;
    font-size: var(--heading-M);
    text-transform: uppercase;
}

.titleRegular {
    font-size: var(--heading-M);
}

.titleSemiBold {
    font-weight: 700;
    font-size: var(--heading-M);
}

.txtRegulard400 {
    font-weight: 500;
}

.txtLight300 {
    font-weight: 300;
}

.txtbold500 {
    font-weight: 500;
}

.txtbold600 {
    font-weight: 600;
}

.txtbold700 {
    font-weight: 700;
}

.titleLight span {
    font-weight: 600;
}

.txtUppercase {
    text-transform: uppercase;
}

.hrStyle {
    display: none;
}

.mr48 {
    margin-right: 48px;
}

.ml160 {
    margin-left: 160px;
}

.mr-20 {
    margin-right: 20px;
}

.mb-50 {
    margin-bottom: 50px;
}

.wordBreak {
    word-break: break-word;
}

.padR5 {
    padding-right: 5px;
}

/* AJOUT 15072021 */
@media screen and (max-width: 800px) {
    .titleLight {
        text-align: center;
    }

    .centerBtn {
        margin: 0 auto;
    }

    .centerTxt {
        text-align: center;
    }
}

/* AJOUT 15072021 */


/* NAVBAR */
/* ----NAVBAR ----*/
.container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.navbar {
    padding: 0;
    height: 60px;
    width: 100%;
}

    .navbar.bgNavBar {
        background: transparent;
        box-shadow: 0px 4px 6px rgba(35, 35, 35, 0.06);
    }

.navDesktop {
    display: flex;
    align-items: center;
    width: 100%;
}

.blocLogo {
    display: flex;
    align-items: center;
    justify-content: center;
    /* background-color: white; */
    height: 60px;
    width: 146px;
    margin-left: 5px;
}

.logoPortailNav {
    background-image: url("https://static.europ-assistance.fr/PortailBancaire/images/logo-LBP.svg");
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: 10px;
    width: 84px;
    height: 58px;
}

.navbar.bgNavBar .logoBlanc {
    display: none;
}

.navbar.bgNavBar .logoCouleur {
    display: block;
}

@media (max-width: 900px) {
    nav {
        padding: 15px 20px;
        position: absolute;
        top: 0;
        background-color: transparent;
        z-index: 2;
    }

    .navbar.bgNavBar {
        background: white;
        box-shadow: 0px 4px 16px rgba(193, 201, 214, 0.45);
    }

        .navbar.bgNavBar .logoBlanc {
            display: block;
        }
}

/* BOUTON PROFIL */
.navbar .containerProfil,
.navbar .containerMeConnecter {
    height: 60px;
    position: relative;
    display: flex;
}

.navbar .btn-profil {
    font-size: var(--body-XS);
    height: 60px;
    padding: 0px 25px 0px 15px;
    background-color: var(--bleu-lbp);
    outline: none;
    color: white;
    border: none;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.arrowBtnProfil {
    position: absolute;
    top: 28px;
    right: 10px;
    stroke: var(--white);
}

    .arrowBtnProfil.active {
        transform: rotate(180deg);
    }

.navbar .btn-profil::before {
    content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-Icon-feather-user-white.svg");
    margin-right: 10px;
    position: relative;
    top: 2px;
}

/* BOUTON PROFIL */
/* BOUTON ME CONNECTER */
.navbar .btn-Connect {
    font-weight: 500;
    font-size: var(--body-XS);
    height: 60px;
    padding: 0px 15px;
    background-color: var(--bleu-lbp);
    outline: none;
    color: white;
    border: none;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    cursor: pointer;
    text-decoration: none;
}

    .navbar .btn-Connect svg {
        fill: var(--white);
    }
/* .navbar .btn-Connect::before {
    content: url("https://static.europ-assistance.fr/PortailBancaire/images/log_in.svg");
    margin-right: 10px;
    position: relative;
    top: 2px;
} */

/* BOUTON ME CONNECTER */
.navbar-toggler {
    display: none;
    outline: none;
    border: none;
}

    .navbar-toggler:focus {
        text-decoration: none;
        outline: 0;
        box-shadow: none;
    }

.navbar.bgNavBar .navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-burger-Menu.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    margin: 0 15px;
}

@media (max-width:900px) {
    .navbar-toggler {
        display: block;
        padding: 0;
        background-color: var(--nav-name-lbp);
        border-radius: 0;
        height: 60px;
    }

    .containerMeConnecter {
        display: none !important;
    }
    /* .navbar .btn-Connect::before {
        content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-log-in-white.svg");
        margin-right: 10px;
        position: relative;
        top: 2px;
    } */

    .btn-Connect span {
        display: none;
    }
}

.nav-authentication {
    margin-left: auto;
    display: flex;
    align-items: center;
}

.blocCarte {
    background-color: var(--bleu-clair-lbp);
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.navbar.bgNavBar .modelCarte {
    font-size: var(--body-XS);
    color: white;
    margin-right: 19px;
    margin-left: 15px;
    text-transform: uppercase;
    height: 60px;
    vertical-align: middle;
    line-height: 60px;
    font-weight: 600;
    border: none;
    background-color: transparent;
}

    .navbar.bgNavBar .modelCarte::before {
        content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-picto-carte-nav.svg");
        margin-right: 10px;
        position: relative;
        top: 2px;
    }


.arrowSelectionCarte {
    position: relative;
    top: -1px;
    right: 12px;
    stroke: white;
}

    .arrowSelectionCarte.active {
        transform: rotate(180deg);
    }

@media (max-width:900px) {
    .menuOffreEtDemande {
        display: none;
    }
}

@media (max-width:1076px) {

    .navbar.bgNavBar .modelCarte.modelCarteRognage {
        width: 140px;
        white-space: nowrap;
        overflow: hidden;
        display: inline-block;
        text-overflow: ellipsis;
        vertical-align: middle;
    }

    .navbar.bgNavBar .modelCarteNonConnecte.modelCarteRognage {
        width: 140px;
        white-space: nowrap;
        overflow: hidden;
        display: inline-block;
        text-overflow: ellipsis;
        vertical-align: middle;
    }

    .deroulantCartes {
        width: 250px !important;
    }
}

/* Nouvelle partie Carte non Connectee */
.blocCarteNonConnecte {
    background-color: var(--bleu-clair-lbp);
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    /* margin-right: 10px; */
}

.navbar.bgNavBar .modelCarteNonConnecte {
    font-size: var(--body-XS);
    height: 60px;
    line-height: 60px;
    color: white;
    margin-right: 15px;
    margin-left: 15px;
    text-transform: uppercase;
    vertical-align: middle;
    font-weight: 500;
    border: none;
    background-color: transparent;
}

    .navbar.bgNavBar .modelCarteNonConnecte::before {
        content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-picto-carte-nav.svg");
        margin-right: 10px;
        position: relative;
        top: 2px;
    }

/* Nouvelle partie Carte non Connectee */
/*CANVAS header*/

.offcanvas {
    width: 100%;
}

.offcanvas-header {
    height: 60px;
    background-color: var(--bleu-lbp);
    opacity: 0.3;
    justify-content: flex-end;
    position: relative;
}

.offcanvas-btnClose .btn-close {
    background: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-btnCLose.svg");
    background-repeat: no-repeat;
    background-size: cover;
    outline: none;
    width: 30px;
    height: 31px;
    opacity: 1 !important;
    margin-right: 10px;
    position: absolute;
    z-index: 9999999;
    top: 70px;
    right: 7px;
    border: none;
}

    .offcanvas-btnClose .btn-close:hover {
        background: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-btnCLose.svg");
        background-repeat: no-repeat;
        background-size: cover;
        outline: none;
        width: 30px;
        height: 31px;
        opacity: 1 !important;
        margin-right: 10px;
        position: absolute;
        z-index: 9999999;
        top: 70px;
        right: 7px;
        border: none;
    }

    .offcanvas-btnClose .btn-close:focus {
        box-shadow: none;
    }

.offcanvas.offcanvas-start {
    border-right: 0px;
    width: 100%;
}

.offcanvas-body {
    background-color: var(--bleu-lbp);
}

    .offcanvas-body .navbar-nav {
        margin-top: 40px;
    }

.nav-link {
    color: white;
    font-size: var(--body-S);
    text-transform: uppercase;
}

    /* Animation au HOVER*/
    .navbar-nav .nav-link.active,
    .nav-link:focus,
    .nav-link:hover {
        color: white;
    }

.navbar-nav .nav-link {
    font-size: var(--body-S);
    text-decoration: none;
    color: var(--white);
    text-transform: uppercase;
    display: inline-block;
    position: relative;
}

    .navbar-nav .nav-link::after {
        content: "";
        display: block;
        position: absolute;
        bottom: 5px;
        width: 100%;
        height: 1px;
        transform: scaleX(0);
        transform-origin: left;
        background: var(--secondaire-color-white);
        transition: transform 0.3s ease-out;
    }

    .navbar-nav .nav-link:hover::after {
        transform: scaleX(1)
    }

    .navbar-nav .nav-link.active::after {
        transform: scaleX(1)
    }

/* Animation au HOVER*/
@media (max-width:900px) {
    .container-fluid {
        padding-right: 0;
    }

    .containerProfil {
        display: none !important;
    }

    .bgColorOffCanva {
        background-color: transparent;
    }
}

/* Nouveaute menu deroulant pour les differente carte */
.deroulantCartes {
    position: absolute;
    z-index: 10;
    top: 62px;
    right: 0px;
    width: auto;
    background-color: var(--white);
    border-radius: 3px;
    display: flex;
    flex-direction: column;
    box-shadow: 0px 4px 16px rgba(193, 201, 214, 0.45);
    padding: 10px 15px 10px 15px;
}

.deroulantCartesHidden {
    display: none;
}

.deroulantCartesVisible {
    display: block;
}

.deroulantCartes .profilMenuCartes {
    display: flex;
    align-items: center;
    margin: 8px 0px;
    border: none;
    background-color: transparent;
    text-align: left;
}

.deroulantCartes .profilMenuCartes {
    font-size: var(--body-XS);
    color: var(--font-color);
}

    .deroulantCartes .profilMenuCartes.active {
        font-weight: 700;
    }

    .deroulantCartes .profilMenuCartes::before {
        content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-picto-carte-nav-bis.svg");
        margin-right: 10px;
        position: relative;
        top: 3px;
    }

/* Nouveaute menu deroulant pour les differente carte */

/* Bouton Profil dans la nav*/
.deroulantProfils {
    position: absolute;
    z-index: 10;
    top: 62px;
    right: 5px;
    width: 160px;
    background-color: var(--white);
    border-radius: 3px;
    display: flex;
    flex-direction: column;
    box-shadow: 0px 4px 16px rgba(193, 201, 214, 0.45);
    padding: 10px 10px 10px 15px;
}

.deroulantProfilsHidden {
    display: none;
}

.deroulantProfilsVisible {
    display: block;
}


.deroulantProfils .profilMenu,
.deroulantProfils .deconnexionMenu {
    margin: 8px 0px;
    border: none;
    background-color: transparent;
    font-size: var(--body-XS);
    color: var(--font-color);
}

    .deroulantProfils .profilMenu::before {
        content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-Icon-feather-user-gris.svg");
        margin-right: 10px;
        position: relative;
        top: 6px;
    }

    .deroulantProfils .deconnexionMenu::before {
        content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-Icon-feather-log-out.svg");
        margin-right: 7px;
        position: relative;
        top: 4px;
    }

@media (max-width:768px) {
    .deroulantProfils {
        width: 167px;
        right: 10px;
    }
}

/* Bouton Profil dans la nav*/
/* ---NAVBAR--- */

/* NAVBAR */


/*----------- BOUTON EN GENERAL--------- */
/* BOUTON CONNECTION BIN */
.btn-default-tertiaire {
    background: var(--bleu-lbp);
    color: white;
    font-size: var(--body-S);
    font-weight: 600;
    padding: 14px 22px;
    border-radius: 6px;
    outline: none;
    border: none;
    /* margin: 0 auto; */
}

    .btn-default-tertiaire:hover {
        background: var(--btn-suivant-hover);
    }
/* BOUTON CONNECTION BIN */
.btn-default-home {
    background: var(--bleu-lbp);
    color: white;
    font-size: var(--body-S);
    font-weight: 600;
    padding: 14px 22px;
    border-radius: 6px;
    outline: none;
    border: none;
}

    .btn-default-home:hover {
        background: var(--btn-suivant-hover);
    }

/* BOUTON PRIMAIRE */

.btn-default-primaire {
    background: var(--bleu-lbp);
    color: white;
    font-size: var(--body-S);
    font-weight: 600;
    padding: 14px 22px;
    border-radius: 6px;
    outline: none;
    border: none;
}

    .btn-default-primaire:hover {
        background: var(--btn-suivant-hover);
        color: white;
        /* border: 1px solid white;  */
    }

    /* .btn-default-primaire::after {
    content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-Icone-fleche-horizontale-btn.svg");
    position: relative;
    top: 1px;
    margin-left: 10px;
    width: 15px;
    height: 15px;
} */
    .btn-default-primaire:disabled {
        background-color: var(--color-disabled);
        color: var(--txt-disabled);
        cursor: not-allowed;
    }
/* .btn-default-primaire:disabled::after {
    content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-fleche-horizontale-btn-disabled.svg");
    position: relative;
    top: 1px;
    margin-left: 10px;
    width: 15px;
    height: 15px;
} */
/* CATS */
/* BOUTON PRIMAIRE AVEC TEXTE SUR 2 LIGNE*/
.btn-default-primaire-bis {
    position: relative;
    background: var(--bleu-lbp);
    color: white;
    font-size: var(--body-S);
    font-weight: 600;
    padding: 14px 22px;
    border-radius: 6px;
    outline: none;
    border: none;
}

    .btn-default-primaire-bis:hover {
        background: var(--btn-suivant-hover);
    }
/* BOUTON PRIMAIRE */
.containerGlobalHomePage .btn-default-secondaire {
    background: var(--bleu-lbp);
    color: white;
    font-size: var(--body-S);
    font-weight: 600;
    padding: 14px 22px;
    border-radius: 6px;
    outline: none;
    border: none;
}

    .containerGlobalHomePage .btn-default-secondaire:hover {
        background: var(--btn-suivant-hover);
    }
/* BOUTON SECONDAIRE */
.btn-default-secondaire {
    background: var(--bleu-lbp);
    color: white;
    font-size: var(--body-S);
    font-weight: 600;
    padding: 14px 22px;
    border-radius: 999px;
    outline: none;
    border: none;
}

    .btn-default-secondaire:hover {
        background: var(--btn-suivant-hover);
    }

    .btn-default-secondaire:disabled {
        cursor: not-allowed;
        background-color: var(--color-disabled);
        color: var(--txt-disabled);
    }

/* BOUTON SECONDAIRE */
/* BOUTON SECONDAIRE OUTLINE ANNUL AJOUT BENEFICIAIRE */
.btn-default-secondaire-annul {
    background: white;
    border: 1px solid var(--msgError);
    font-weight: 600;
    color: var(--msgError);
    font-size: var(--body-S);
    padding: 12px 15px;
    border-radius: 6px;
}

    .btn-default-secondaire-annul::before {
        content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-pictoDel.svg");
        position: relative;
        top: 4px;
        margin-right: 5px;
    }

/* BOUTON SECONDAIRE OUTLINE ANNUL AJOUT BENEFICIAIRE */

/* BOUTON SECONDAIRE OUTLINE AJOUT BENEFICIAIRE */
.btn-default-secondaire-ajout {
    background: white;
    border: 1px solid var(--border-gray-lbp);
    font-weight: 600;
    color: var(--font-color-titre);
    font-size: var(--body-S);
    padding: 12px 15px;
    border-radius: 6px;
}

    .btn-default-secondaire-ajout::before {
        content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-pictoAdd.svg");
        position: relative;
        top: 1px;
        margin-right: 10px;
    }

/* BOUTON SECONDAIRE OUTLINE AJOUT BENEFICIAIRE */

/* BOUTON PRIMAIRE PICTO DIFFERENT */
.btn-default-primaire-2 {
    background: white;
    border: 1px solid var(--border-gray-lbp);
    color: var(--font-color-titre);
    font-size: var(--body-S);
    font-weight: 600;
    padding: 14px 22px;
    border-radius: 6px;
    outline: none;
    /* margin: 0 auto; */
}

    .btn-default-primaire-2::after {
        content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-picto-conciergerie-black.svg");
        position: relative;
        top: 1px;
        margin-left: 10px;
    }

/* BOUTON PRIMAIRE PICTO DIFFERENT */
/* BOUTON SECONDAIRE OUTLINE */
.contentBtnSelection {
    display: flex;
    margin-top: 25px;
}

    .contentBtnSelection .btn-default-secondaire-outline:nth-child(1) {
        margin-right: 20px;
    }

.btn-default-secondaire-outline {
    position: relative;
    background: white;
    border: 1px solid var(--border-gray-lbp);
    color: var(--font-color-titre);
    font-size: var(--body-S);
    font-weight: 600;
    padding: 12px 20px;
    border-radius: 6px;
    outline: none;
}

    .btn-default-secondaire-outline.active {
        border: 1px solid var(--bleu-lbp);
        background: white;
        color: white;
        background: var(--bleu-lbp);
    }

/* bouton btn-default-secondaire-outline pour page suivi */
/* bouton securiPanne et SecuriShoppping page step1-SPSS */
.contentBtnSelection .btn-default-secondaire-outline-SPSS:nth-child(1) {
    margin-right: 20px;
}

.contentBtnSelection .btn-default-secondaire-outline-SPSS:nth-child(2) {
    margin-right: 20px;
}


.btn-default-secondaire-outline-SPSS.active {
    border: 1px solid #009C8C;
    background: white;
    color: white;
    background: #009C8C;
}

/* bouton securiPanne et SecuriShoppping page step1-SPSS */


@media (max-width:550px) {
    .contentBtnSelection {
        flex-direction: column;
    }

        .contentBtnSelection .btn-default-secondaire-outline-SPSS:nth-child(1),
        .contentBtnSelection .btn-default-secondaire-outline:nth-child(1),
        .contentBtnSelection .btn-default-secondaire-outline-SPSS:nth-child(2) {
            margin-right: 0px;
            margin-bottom: 15px;
        }
}

@media (max-width:550px) {
    .contentBtnSelection {
        flex-direction: column;
    }

        .contentBtnSelection .btn-default-secondaire-outline:nth-child(1) {
            margin-right: 0px;
            margin-bottom: 15px;
        }

        .contentBtnSelection .validButtonModal:nth-child(1) {
            margin-right: 0px !important;
            margin-bottom: 15px;
        }
}

.attestAnglais {
    color: #E06500;
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: var(--body-S);
}


.textVisible {
    display: flex;
    align-items: center;
    width: 70%;
    line-height: 1.2;
    font-size: var(--body-S);
}

@media (max-width:728px) {
    .textVisible {
        width: 100%;
    }
}

/* BOUTON SECONDAIRE OUTLINE */
/* BOUTON SPECIFIQUE MODAL */
.modalBtnSpecifique {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
}

    .modalBtnSpecifique .btn-default-secondaire:first-child {
        margin-bottom: 10px;
    }

@media (max-width:550px) {
    .modalBtnSpecifique .btn-default-secondaire {
        padding: 16px 15px;
    }
}

/* BOUTON SPECIFIQUE MODAL */
/*----------- BOUTON EN GENERAL--------- */

.dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    /* z-index: 1000; */
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: transparent;
    background-clip: padding-box;
    border: none;
    border-radius: none;
}

.dropdown-toggle::after {
    display: none;
}

/* FONT */
.pmd-textfield-floating-label label {
    margin-bottom: 0px;
    height: 0;
    /* font-size: 1rem; */
}

@media screen and (max-width: 450px) {
    .pmd-textfield-floating-label label {
        font-size: .85rem;
    }
}

.form-group {
    margin-bottom: 0;
}

    .form-group.pmd-textfield {
        margin-bottom: 0;
    }

.pmd-textfield-floating-label.pmd-textfield-floating-label-completed label {
    font-size: .875rem;
    color: #1F368B;
}

/* .pmd-textfield label {
    color: #C9C9C9;
} */

.pmd-textfield-focused {
    position: relative;
    top: -1px;
    margin-bottom: 0;
    z-index: 2;
    display: block;
    border: none;
    width: 80%;
    height: 1px;
    /* background-color: #1F368B; */
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

.groupAdresse .pmd-textfield-focused,
.groupDate .pmd-textfield-focused,
.groupNaissance .pmd-textfield-focused {
    position: relative;
    top: -1px;
    margin-bottom: 0;
    z-index: 2;
    display: block;
    border: none;
    width: 100%;
    height: 1px;
    /* background-color: #1F368B; */
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

.groupEmail .pmd-textfield-focused {
    position: relative;
    top: -1px;
    margin-bottom: 0;
    z-index: 2;
    display: block;
    border: none;
    width: 100%;
    height: 1px;
    /* background-color: #1F368B; */
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

    .groupEmail .pmd-textfield-focused:active {
        position: relative;
        top: -1px;
        margin-bottom: 0;
        z-index: 2;
        display: block;
        border: none;
        width: 100%;
        height: 1px;
        background-color: #1F368B;
        -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
        transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
        transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
        transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
        -webkit-transform: scaleX(24px);
        transform: scaleX(24px);
    }

.groupLabelZip .pmd-textfield-focused {
    position: relative;
    top: -1px;
    margin-bottom: 0;
    z-index: 2;
    display: block;
    border: none;
    width: 100%;
    height: 1px;
    /* background-color: #1F368B; */
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

.groupLabel .pmd-textfield-focused {
    position: relative;
    top: -1px;
    margin-bottom: 0;
    z-index: 2;
    display: block;
    border: none;
    width: 100%;
    height: 1px;
    /* background-color: #1F368B; */
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

.pmd-textfield .form-control {
    position: relative;
    width: 80%;
    height: calc(1.5em + .4rem + 2px);
    padding: 0;
    padding-bottom: 0rem;
    margin-bottom: 0;
    font-size: 0.85rem;
    background: transparent !important;
    border: none;
    border-bottom: solid 1px #e6e6e6;
    border-radius: 0;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 500;
}

.groupPays .pmd-textfield .form-control {
    position: relative;
    width: 100%;
    height: 50px;
    padding: 0px 40px 0px 16px;
    margin-bottom: 0;
    font-size: 0.85rem;
    background: transparent;
    border: none;
    border: solid 1px var(--border-input-lbp);
    border-radius: 4px !important;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
/* CATS FORM */
.groupDate .pmd-textfield .form-control,
.groupNaissance .pmd-textfield .form-control {
    position: relative;
    width: 100%;
    height: 50px;
    padding: 0px 40px 0px 16px;
    margin-bottom: 0;
    font-size: 0.85rem;
    background: transparent;
    border: none;
    border: solid 1px var(--border-input-lbp);
    border-radius: 4px !important;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.groupDate .form-group.has-success .form-control {
    color: var(--font-color);
    border-color: var(--msgSuccess);
}

.groupDate .form-group.has-error .form-control {
    color: var(--font-color);
    border-color: var(--msgError);
}
/* CATS FORM */
.groupEmail .pmd-textfield .form-control {
    position: relative;
    width: 100%;
    height: 50px;
    padding: 0px 40px 0px 16px;
    margin-bottom: 0;
    font-size: 0.85rem;
    background: transparent;
    border: none;
    border: solid 1px var(--border-input-lbp);
    border-radius: 4px !important;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.groupAdresseCompl .pmd-textfield .form-control {
    position: relative;
    width: 100%;
    height: 50px;
    padding: 0px 40px 0px 16px;
    margin-bottom: 0;
    font-size: 0.85rem;
    background: transparent;
    border: none;
    border: solid 1px var(--border-input-lbp);
    border-radius: 4px !important;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 500;
}

.groupLabel .pmd-textfield .form-control {
    position: relative;
    width: 100%;
    height: 50px;
    padding: 0px 40px 0px 16px;
    margin-bottom: 0;
    font-size: 0.85rem;
    background: transparent;
    border: none;
    border: solid 1px var(--border-input-lbp);
    border-radius: 4px !important;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.groupAdresse .pmd-textfield .form-control {
    position: relative;
    width: 100%;
    height: 50px;
    padding: 15px 35px 0px 15px;
    margin-bottom: 0;
    margin-bottom: 0;
    font-size: 0.85rem;
    background: transparent;
    border: none;
    border: solid 1px var(--border-input-lbp);
    border-radius: 5px;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.groupLabelZip .pmd-textfield .form-control {
    position: relative;
    width: 100%;
    height: 50px;
    padding: 0px 40px 0px 16px;
    margin-bottom: 0;
    margin-bottom: 0;
    font-size: 0.85rem;
    background: transparent;
    border: none;
    border: solid 1px var(--border-input-lbp);
    border-radius: 4px !important;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.boxStep1 select {
    /* for Firefox */
    -moz-appearance: none;
    /* for Chrome */
    -webkit-appearance: none;
}

.form-group .etoile {
    /* position: absolute;
    display: inline-block;
    right: 8px;
    top: 35px; */
    display: none;
}

/* Message Error*/
.help-block {
    display: none;
}


.pmd-textfield.has-error .form-control {
    color: var(--font-color);
    border-color: var(--msgError);
}

.pmd-textfield-floating-label.pmd-textfield-floating-label-completed.has-error label {
    color: #C9C9C9;
    border-color: var(--msgError);
}

/* Message Error*/
/* Message Success*/

.pmd-textfield-floating-label.pmd-textfield-floating-label-completed.has-success label {
    color: #C9C9C9;
}

.pmd-textfield.has-success .form-control {
    color: var(--font-color);
    border-color: var(--msgSuccess);
}

/* Message Success*/
.groupLabel,
.groupDate,
/* TODO 11/09 */
.groupMdalDateNewDemande,
.groupAdresse,
.groupLabelZip,
.groupEmail,
.groupNaissance,
.groupAdresseCompl,
.groupPays,
.groupSelect,
.groupArea,
.groupMontantPrejudice,
.groupTitulaireCarte,
.groupNomPrenom,
.groupComboThree,
.groupComboTwo,
.groupTelEmail,
.groupBien,
.groupTelEmailModal,
.groupSelectModal,
.groupAreaModal,
.groupWebRTC { /* WEB RTC */
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    z-index: 0;
}

.groupCard {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* GROUPE LABEL PRENOM et NOM VILLE */
.groupNaissance .form-group.pmd-textfield {
    width: 460px;
}
/* CATS FORM */
.groupDate .form-group {
    /* width: 210px; */
    width: 275px;
}

.groupLabel .form-group {
    width: 220px;
    margin-right: 20px;
}
/* CATS FORM ancienne version */
/* .groupLabel .form-group.pmd-textfield {
    width: 220px;
    margin-right: 20px;
} */
/* CATS FORM ancienne version */
/* CATS FORM */
.groupAdresse .form-group.pmd-textfield {
    width: 100%;
}

.groupLabelZip .form-group.pmd-textfield {
    width: 100%;
}

.groupEmail .form-group.pmd-textfield {
    width: 430px;
}

.groupPays .form-group.pmd-textfield {
    width: 430px;
}

.groupAdresseCompl .form-group.pmd-textfield {
    width: 689px;
}

.groupLabelZip .form-group.pmd-textfield.form-group.pmd-textfield.sizeZip {
    width: 20%;
}

.groupLabelZip .form-group.pmd-textfield.form-group.pmd-textfield.sizeVille {
    width: 40%;
}

.groupAdresse .pmd-textfield-floating-label.pmd-textfield-floating-label-completed label {
    font-size: var(--body-XS);
    color: var(--font-color);
    margin-left: 33px;
    -webkit-transform: translateY(27px);
    transform: translateY(27px);
    position: relative;
    z-index: 98;
}

.groupEmail .pmd-textfield-floating-label.pmd-textfield-floating-label-completed label {
    font-size: var(--body-XS);
    color: var(--font-color);
    margin-left: 36px;
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
    position: relative;
    z-index: 98;
}

.groupLabelZip .pmd-textfield-floating-label.pmd-textfield-floating-label-completed label {
    font-size: var(--body-XS);
    color: var(--font-color);
    margin-left: 15px;
    -webkit-transform: translateY(27px);
    transform: translateY(27px);
    position: relative;
    z-index: 98;
}

.groupAdresseCompl .pmd-textfield-floating-label.pmd-textfield-floating-label-completed label {
    font-size: var(--body-XS);
    color: var(--font-color);
    margin-left: 15px;
    -webkit-transform: translateY(7px);
    transform: translateY(7px);
    position: relative;
    z-index: 98;
}

.groupLabel .pmd-textfield-floating-label.pmd-textfield-floating-label-completed label {
    font-size: var(--body-XS);
    color: var(--font-color);
    margin-left: 14px;
    -webkit-transform: translateY(7px);
    transform: translateY(7px);
    position: relative;
    z-index: 98;
}

.groupPays .pmd-textfield-floating-label.pmd-textfield-floating-label-completed label {
    font-size: var(--body-XS);
    color: var(--font-color);
    margin-left: 33px;
    -webkit-transform: translateY(7px);
    transform: translateY(7px);
    position: relative;
    z-index: 98;
}
/* CATS FORM */
.groupDate, .groupNaissanceModal {
    /* -webkit-transform: translateY(6px);
    transform: translateY(6px); */
    position: relative;
    z-index: 0;
}
/* CATS FORM */
.groupNaissance .pmd-textfield-floating-label.pmd-textfield-floating-label-completed label {
    font-size: var(--body-XS);
    color: var(--font-color);
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    position: relative;
    z-index: 98;
}

/*Landing non connecte PASSWORD */
.NonConnectePass .pmd-textfield-focused {
    width: 100%;
    background-color: #97bf26;
}

.NonConnectePass .pmd-textfield input.form-control {
    width: 100%;
    color: #4A4A4A;
}

.NonConnectePass .pmd-textfield-floating-label.pmd-textfield-floating-label-completed label {
    font-size: .875rem;
    color: #4A4A4A;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    position: relative;
    z-index: 98;
}

.NonConnectePass .pmd-textfield-floating-label label {
    margin-bottom: 0px;
    font-size: var(--heading-S);
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
}

.NonConnectePass .has-error .control-label,
.has-error .help-block {
    color: #4A4A4A;
}

.NonConnectePass .pmd-textfield label {
    color: #4A4A4A;
    font-weight: 500;
}

/*Landing non connecte PASSWORD */
/*Landing non Connecte Email*/
.NonConnecteEmail .pmd-textfield-floating-label label {
    margin-bottom: 0px;
    font-size: var(--heading-S);
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
    color: #4A4A4A !important;
}

.NonConnecteEmail .pmd-textfield-floating-label.pmd-textfield-floating-label-completed label {
    font-size: .875rem;
    color: var(--white);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    color: #4A4A4A !important;
    position: relative;
    z-index: 98;
}

.NonConnecteEmail .pmd-textfield input.form-control {
    width: 100%;
    color: #4A4A4A !important;
}

.NonConnecteEmail .pmd-textfield-focused {
    width: 100%;
    color: var(--white) !important;
    background-color: #97bf26;
}

.NonConnecteEmail .form-group.pmd-textfield .etoile,
.NonConnectePass .form-group.pmd-textfield .etoile {
    /* position: absolute;
    display: inline-block;
    color: var(--white);
    right: 0px;
    top: 12px; */
    display: none;
}

.NonConnecteEmail input[type=email] {
    color: var(--white) !important;
}

.NonConnecteEmail {
    color: var(--white) !important;
}

.mdpOublier .custom-control-input:checked ~ .custom-control-label::before {
    color: #97bf26;
    border-color: #97bf26;
    background-color: #97bf26;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.mdpOublier {
    font-size: var(--body-XS);
    color: #97bf26;
    font-weight: 500;
}

    .mdpOublier .custom-control-label::before {
        top: 0.05rem;
    }

    .mdpOublier .custom-control-label::after {
        top: 0.05rem;
    }

/*Landing non Connecte Email*/
.groupSelect .pmd-textfield-floating-label label {
    margin-bottom: 0px;
    margin-left: 15px;
    -webkit-transform: translateY(27px);
    transform: translateY(27px);
}

.groupPays .pmd-textfield-floating-label label {
    margin-bottom: 0px;
    margin-left: 33px;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
}

.groupLabel .pmd-textfield-floating-label label {
    margin-bottom: 0px;
    margin-left: 15px;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
}
/* CATS FORM */
.groupDate .pmd-textfield-floating-label label {
    margin-bottom: 0px;
    margin-left: 33px;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
}
/* CATS FORM */
.groupNaissance .pmd-textfield-floating-label label {
    margin-bottom: 0px;
    margin-left: 33px;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
}

.groupAdresse .pmd-textfield-floating-label label {
    margin-bottom: 0px;
    -webkit-transform: translateY(26px);
    transform: translateY(26px);
}

.groupEmail .pmd-textfield-floating-label label {
    margin-bottom: 0px;
    margin-left: 36px;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
}

.groupAdresseCompl .pmd-textfield-floating-label label {
    margin-bottom: 0px;
    margin-left: 15px;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
}

.groupLabelZip .pmd-textfield-floating-label label {
    margin-bottom: 0px;
    margin-left: 15px;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
}

.groupLabel .form-group.pmd-textfield .etoile {
    /* position: absolute;
    display: inline-block;
    right: 12px;
    top: 6px;
    z-index: 98; */
    display: none;
}

.groupAdresse .form-group.pmd-textfield .etoile {
    /* position: absolute;
    display: inline-block;
    right: 0px;
    top: 25px;
    z-index: 98; */
    display: none;
}

.groupEmail .form-group.pmd-textfield .etoile {
    /* position: absolute;
    display: inline-block;
    right: 13px;
    top: 5px;
    z-index: 98; */
    display: none;
}

.groupAdresseCompl .form-group.pmd-textfield .etoile {
    /* position: absolute;
    display: inline-block;
    right: 13px;
    top: 5px;
    z-index: 98; */
    display: none;
}

.groupLabelZip .form-group.pmd-textfield.sizeZip .etoile {
    /* position: absolute;
    display: inline-block;
    right: 12px;
    top: 28px;
    z-index: 98; */
    display: none;
}

.groupLabelZip .form-group.pmd-textfield.sizeVille .etoile {
    /* position: absolute;
    display: inline-block;
    right: 12x;
    top: 28px;
    z-index: 98; */
    display: none;
}

/* Message Error*/
.groupLabel .help-block {
    display: none;
}

.groupLabel .pmd-textfield-floating-label.pmd-textfield-floating-label-completed.has-error label {
    color: var(--font-color);
    border-color: var(--msgError);
    border-color: var(--msgError);
}

.groupLabel .has-error .control-label,
.has-error .help-block {
    color: #C9C9C9;
}

/* Message Error*/
/* Message Success*/
/* .groupLabel .text-success {
    position: absolute;
    background-image: url("https://static.europ-assistance.fr/PortailBancaire/images/CA-done_black_24dp.svg");
    background-repeat: no-repeat;
    background-size: 24px;
    width: 24px;
    height: 24px;
    right: 11px;
    top: 13px;
    z-index: 98;
}

.groupAdresse .text-success {
    position: absolute;
    background-image: url("https://static.europ-assistance.fr/PortailBancaire/images/CA-done_black_24dp.svg");
    background-repeat: no-repeat;
    background-size: 24px;
    width: 24px;
    height: 24px;
    right: 11px;
    top: 26px;
    z-index: 98;
}

.groupDate .text-success {
    position: absolute;
    background-image: url("https://static.europ-assistance.fr/PortailBancaire/images/CA-done_black_24dp.svg");
    background-repeat: no-repeat;
    background-size: 24px;
    width: 24px;
    height: 24px;
    right: 11px;
    top: 13px;
    z-index: 98;
}

.groupNaissance .text-success {
    position: absolute;
    background-image: url("https://static.europ-assistance.fr/PortailBancaire/images/CA-done_black_24dp.svg");
    background-repeat: no-repeat;
    background-size: 24px;
    width: 24px;
    height: 24px;
    right: 11px;
    top: 14px;
    z-index: 98;
}

.groupLabelZip .text-success {
    position: absolute;
    background-image: url("https://static.europ-assistance.fr/PortailBancaire/images/CA-done_black_24dp.svg");
    background-repeat: no-repeat;
    background-size: 24px;
    width: 24px;
    height: 24px;
    right: 11px;
    top: 41px;
    z-index: 98;
}

.groupEmail .text-success {
    position: absolute;
    background-image: url("https://static.europ-assistance.fr/PortailBancaire/images/CA-done_black_24dp.svg");
    background-repeat: no-repeat;
    background-size: 24px;
    width: 24px;
    height: 24px;
    right: 11px;
    top: 13px;
    z-index: 98;
}

.groupAdresseCompl .text-success {
    position: absolute;
    background-image: url("https://static.europ-assistance.fr/PortailBancaire/images/CA-done_black_24dp.svg");
    background-repeat: no-repeat;
    background-size: 24px;
    width: 24px;
    height: 24px;
    right: 11px;
    top: 13px;
    z-index: 98;
}

.groupPays .text-success {
    position: absolute;
    background-image: url("https://static.europ-assistance.fr/PortailBancaire/images/CA-done_black_24dp.svg");
    background-repeat: no-repeat;
    background-size: 24px;
    width: 24px;
    height: 24px;
    right: 35px;
    top: 13px;
    z-index: 98;
} */

/* CATS FORM */
.groupLabel .has-success .form-control {
    color: var(--font-color);
    border-color: var(--msgSuccess);
}

.groupLabel .has-error .form-control {
    color: var(--font-color);
    border-color: var(--msgError);
}

/* CATS FORM */

.groupLabel .has-success .control-label,
.has-success .help-block {
    color: #C9C9C9;
}

/* Message Success*/
/* Etoile required*/
.groupNaissance .form-group.pmd-textfield .etoile {
    /* position: absolute;
    display: inline-block;
    right: 12px;
    top: 6px;
    z-index: 99; */
    display: none;
}
/* CATS FORM */
.groupLabel .form-group.pmd-textfield .etoile {
    /* position: absolute;
    display: inline-block;
    right: 13px;
    top: 5px; */
    display: none;
}

.groupDate .form-group.pmd-textfield .etoile {
    /* position: absolute;
    display: inline-block;
    right: 13px;
    top: 5px;
    z-index: 99; */
    display: none;
}
/* CATS FORM */
.groupPays .form-group.pmd-textfield .etoile {
    /* position: absolute;
    display: inline-block;
    right: 13px;
    top: 5px;
    z-index: 99; */
    display: none;
}

.groupLabel .form-group.pmd-textfield.sizeZip .etoile {
    /* position: absolute;
    display: inline-block;
    right: 60%;
    top: 22px; */
    display: none;
}

/* Etoile required*/
/* GROUPE LABEL PRENOM et NOM */


.positionCalendarDate {
    background-image: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-calendar.svg");
    background-repeat: no-repeat;
    position: absolute;
    width: 20px;
    height: 20px;
    right: 16px;
    top: 15px;
    z-index: -1;
}

.positionCalendarDateModal {
    background-image: url("https://static.europ-assistance.fr/PortailBancaire/images/images/Lbp-calendar.svg");
    background-repeat: no-repeat;
    position: absolute;
    width: 20px;
    height: 20px;
    right: 16px;
    top: 15px;
    z-index: 0;
}

.arrowSelect {
    background-image: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-Icon-arrow-down-select.svg");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 16px;
    height: 10px;
    right: 16px;
    top: 21px;
    z-index: 99;
}

/* Calendrier */
/*Zip*/
.sizeZip {
    margin-right: 30px;
}

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

    .groupDate,
    .groupLabelZip,
    .groupLabel {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    /* RAJOUT 13072021*/
    .nouvelleDemandeModal .groupDate {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    /* RAJOUT 13072021*/
    .groupDate .form-group.pmd-textfield,
    .groupLabel .form-group.pmd-textfield,
    .groupNaissance .form-group.pmd-textfield,
    .groupPays .form-group.pmd-textfield,
    .groupBien .form-group.pmd-textfield {
        width: 100%;
    }

    .groupDate .pmd-textfield .form-control,
    .groupLabel .pmd-textfield .form-control,
    .groupNaissance .pmd-textfield .form-control,
    .groupAdresseCompl .pmd-textfield .form-control {
        width: 100%;
    }


    .groupDate .mr48 {
        margin-right: 0px;
    }

    .groupDate .mr-20 {
        margin-right: 0px;
        margin-bottom: 15px;
    }

    .groupLabelZip .form-group.pmd-textfield.form-group.pmd-textfield.sizeZip,
    .groupLabelZip .form-group.pmd-textfield.form-group.pmd-textfield.sizeVille,
    .groupAdresseCompl .form-group.pmd-textfield.form-group.pmd-textfield {
        width: 100%;
    }

    .sizeZip {
        margin-right: 0px;
    }

    .groupEmail.pmd-textfield-focused,
    .groupAdresseCompl.pmd-textfield-focused {
        width: 100%;
    }

    .groupEmail .pmd-textfield .form-control,
    .groupAdresseCompl .pmd-textfield .form-control {
        width: 100%;
    }

    .groupLabel .form-group.pmd-textfield {
        margin-right: 0px;
    }

    .groupLabel .form-group:nth-child(2) {
        margin-top: 1rem;
    }

    .groupNaissance .mr48 {
        margin-right: 0px;
    }

    .groupNaissance .mt-2 {
        margin-top: 0px !important;
    }
}

/*DATEPICKER*/
.datepicker {
    background-color: var(--white);
    width: 275px;
    -webkit-box-shadow: 2px 2px 10px rgba(69, 69, 69, 0.3);
    box-shadow: 2px 2px 10px rgba(69, 69, 69, 0.3);
    padding-top: 10px;
}

    .datepicker td,
    .datepicker th {
        text-align: center;
        border: none;
        font-weight: 500;
        border-radius: 50%;
    }

    .datepicker table {
        margin: 0 auto;
        width: 270px;
        border-radius: 50%;
    }

        .datepicker table tr {
            width: 38px !important;
            height: 38px !important;
        }

            .datepicker table tr th {
                width: 38px !important;
                height: 38px;
            }

        .datepicker table thead tr:first-child {
            height: 0 !important;
        }

        .datepicker table tfoot tr {
            height: 0 !important;
        }

        .datepicker table tr td.today.day {
            background-color: transparent !important;
            background-image: none;
            color: var(--bleu-lbp);
            font-weight: 700;
            border-radius: 50%;
        }

        .datepicker table tr td.today.active.active,
        .datepicker table tr td.today.active:hover.active {
            background-color: var(--bleu-lbp) !important;
            background-image: none;
            color: var(--white);
            font-weight: 700;
        }

        .datepicker table tr td.today:hover,
        .datepicker table tr td.today:hover:hover {
            background-color: transparent !important;
            background-image: none;
            color: var(--bleu-lbp);
            font-weight: 700;
            border-radius: 50%;
        }

        .datepicker table tr td.day:hover,
        .datepicker table tr td.day.focused {
            background: none;
            cursor: pointer;
        }

        .datepicker table tr td.old.day {
            color: #919191;
        }

        .datepicker table tr td.day {
            font-size: 12px;
            color: #444444;
        }

        .datepicker table tr td.active.active,
        .datepicker table tr td.active.active,
        .datepicker table tr td.active:hover.active {
            background-color: var(--bleu-lbp);
            background-image: none;
            color: var(--white);
            font-weight: 700;
        }

    .datepicker th.dow {
        font-size: 13px;
    }

    .datepicker .datepicker-switch {
        color: var(--bleu-lbp);
        text-transform: capitalize;
        text-decoration: underline;
    }

    .datepicker th.prev {
        font-size: 0px;
    }

    .datepicker .prev::before {
        content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-datePicker-Prev.svg");
        display: inline-block;
    }

    .datepicker th.next {
        font-size: 0px;
    }

    .datepicker .next::before {
        content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-datePicker-Next.svg");
        display: inline-block;
    }

.datepicker-dropdown:after {
    display: none;
}

.datepicker-dropdown:before {
    display: none;
}

.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
    background: none;
}

.datepicker table tr td span.active.active {
    background-color: #1C9786;
    background-image: none;
    color: var(--white);
}

/* Change the white to any color */
.NonConnecteEmail input:-webkit-autofill,
.NonConnecteEmail input:-webkit-autofill:hover,
.NonConnecteEmail input:-webkit-autofill:focus {
    -webkit-text-fill-color: #4a4a4a !important;
    -webkit-box-shadow: 0 0 0px 1000px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0px 1000px rgba(255, 255, 255, 0);
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
}

#exampleDataList::-webkit-calendar-picker-indicator,
#datalistOptions::-webkit-calendar-picker-indicator {
    display: none !important;
    color: transparent !important;
    background: none !important;
    opacity: 0 !important;
}
/* AJOUT 15072021 */
@media screen and (max-width: 1042px) {
    .titleLight {
        text-align: center;
    }

    .centerBtn {
        margin: 0 auto;
    }

    .centerTxt {
        text-align: center;
    }
}

/* AJOUT 15072021 */
/* container logo entete */
.containerPageLogo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1000px;
    margin: 0px auto 0px;
}

    .containerPageLogo img:first-child {
        height: 40px;
    }

    .containerPageLogo img:last-child {
        width: 54px;
    }

.containerFullLogo {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 30%;
    height: 109px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.containerHomePageLogo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* background: #1F368B; */
    width: 100%;
    height: 60px;
    margin: 0px auto 0px;
}

/* container logo entete */
/* container global home page */
.containerGlobalHomePage {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    min-width: 300px;
    margin: 0px auto 0px;
}

.hpItem {
    border-radius: none;
}

/* home page bloc gauche */
.hpGauche {
    width: 580px;
    margin-right: 20px;
    background: var(--white);
    padding: 30px 25px;
    border-radius: 10px;
    /* margin-bottom: 10px; */
    border: 1px solid var(--border-gray-lbp);
    box-shadow: 0px 0px 6px rgba(35, 35, 35, 0.06);
}

    .hpGauche h1 {
        font-size: var(--heading-L);
        color: var(--font-color-titre);
        font-weight: 700;
        text-transform: inherit;
        padding-right: 50px;
    }

    .hpGauche h3 {
        font-size: var(--body-M);
        color: var(--font-color);
        font-weight: 700;
        margin-top: 30px;
    }

    .hpGauche p {
        font-size: var(--body-S);
        color: var(--font-color);
        font-weight: 500;
    }

    .hpGauche ul {
        font-weight: 500;
        list-style: none;
        font-size: var(--body-S);
        margin: 10px 0px 30px 0px;
        padding-left: 0px;
    }

    .hpGauche li {
        display: flex;
        align-items: center;
    }

    .hpGauche ul li::before {
        content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-bulletPoint.svg");
        margin-right: 10px;
        position: relative;
        top: 1px;
        margin-bottom: 5px;
    }

    .hpGauche span, .hpDroite span {
        font-weight: 500;
    }

@media screen and (max-width: 450px) {
    .hpGauche h1 {
        text-align: center;
    }

    .hpGauche h3 {
        text-align: center;
    }
}

/* homePage bloc gauche */

/* homePage bloc droite */
.hpDroite {
    display: flex;
    flex-direction: column;
    width: 410px;
    background: var(--bleu-tuile);
    border: 1px solid var(--border-gray-lbp);
    padding: 30px 25px;
    border-radius: 10px;
    box-shadow: 0px 0px 6px rgba(35, 35, 35, 0.06);
}

    .hpDroite button {
        outline: none;
    }

    /* bloc droite haut */
    /* Bloc Droite TOP */
    .hpDroite .flexCenter {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }


    .hpDroite h3 {
        font-size: var(--heading-L);
        text-align: left;
        color: var(--font-color-titre);
        font-weight: 700;
        margin-bottom: 0;
        text-transform: inherit;
    }

        .hpDroite h3 span {
            font-size: var(--heading-S);
            font-weight: 700;
            color: var(--font-color);
        }

    .hpDroite p {
        font-size: var(--body-M);
        color: var(--font-color-titre);
        text-align: left;
        margin: 10px 0;
        font-weight: 500;
    }

@media screen and (max-width: 450px) {
    .hpDroite .flexCenter {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

/* Bloc Droite TOP */
/* hr*/
hr {
    display: none !important;
}



/* -------------------home page bloc droite-------------- */

/* Formulaire Home page */
.connection-form .input-card-number {
    margin-right: 5px;
}

@media (max-width:879px) {
    .connection-form .input-card-number {
        text-align: center;
    }

        .connection-form .input-card-number .btn-default-primaire {
            margin-top: 15px;
        }
}

.connection-form .input-card-number input {
    padding-right: 0;
    text-align: center;
    letter-spacing: 20px;
    height: 50px;
    border-radius: 4px;
}

.connection-form .input-card-number-align input {
    padding-right: 0;
    text-align: center;
    letter-spacing: 12px;
    height: 50px;
    border-radius: 4px;
}

.connection-form .inputTailleSmall {
    width: 50px;
}

.connection-form .inputTaille {
    width: 150px;
}

.connection-form .form-control {
    color: var(--font-color);
}

.form-control:focus {
    color: #495057;
    background-color: var(--white);
    border-color: #ced4da;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* Formulaire Home page */
/* Formulaire HomePage "Acceder a mon espace personnel" */
.formLabel {
    font-size: var(--body-S);
}

.inputPosition {
    position: relative;
}

.password-icon {
    display: flex;
    align-items: center;
    position: absolute;
    top: 25px;
    right: 16px;
    transform: translateY(-50%);
    width: 20px;
    color: #f9f9f9;
    transition: all 0.2s;
    z-index: 9999;
    cursor: pointer;
}

    .password-icon .eye-off,
    .password-icon .eye-off-confirm {
        display: none;
    }

.customcheck {
    display: block;
    position: relative;
    padding-left: 23px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .customcheck p {
        font-size: var(--body-XS);
        font-weight: 500;
    }

    .customcheck input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: var(--white);
    border-radius: 3px;
    border: 1px solid var(--font-color-titre);
}

    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

.customcheck input:checked ~ .checkmark {
    background-color: var(--white);
    border-radius: 3px;
}

    .customcheck input:checked ~ .checkmark:after {
        display: block;
    }

.customcheck .checkmark:after {
    left: 3px;
    background-color: var(--bleu-lbp);
    top: 3px;
    width: 10px;
    height: 10px;
    border-radius: 2px;
    /* border: solid var(--bleu-lbp); */
    /* border-width: 3px 3px 3px 3px; */
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(0deg);
}

.mdpOublier,
.mdpOublier:hover {
    color: var(--bleu-lbp);
    text-decoration: underline;
}

/* Formulaire HomePage "Acceder a mon espace personnel" */

.homeMarginTopTuileGauche40 {
    margin-top: 40px;
}

.homeMarginTopTuileDroite40 {
    margin-top: 40px;
}

@media screen and (min-width: 319px) and (max-width: 450px) {
    .containerPageLogo img:first-child {
        margin-left: 10px;
    }

    .homeMarginTopTuileDroite40 {
        margin-top: 0;
    }

    .containerPageLogo img:last-child {
        margin-right: 10px;
    }

    .hpGauche {
        width: 95%;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 10px;
        padding: 30px 10px 20px 10px;
    }

    .hpDroite .hpDroiteBlocBottom:last-child {
        margin-bottom: 20px;
    }

    .hpDroite {
        width: 95%;
        margin-bottom: 10px;
    }

    /* Query pour formulaire */
    .connection-form .inputTaille {
        width: 135px;
    }

    .connection-form .btn-default {
        margin-left: 0px;
        margin-top: 10px;
        display: block;
        margin: 0 auto;
    }

    /* Query pour formulaire */
}

@media screen and (min-width: 451px) and (max-width: 870px) {
    .containerPageLogo img:first-child {
        margin-left: 10px;
    }

    .containerPageLogo img:last-child {
        margin-right: 10px;
    }

    .hpGauche {
        width: 95%;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 20px;
        padding: 40px 10px;
    }

    .hpDroiteBlocTop h3,
    .hpDroiteBlocTop h3 span {
        font-size: var(--heading-S);
    }

    .hpDroite {
        width: 95%;
        margin-left: 0px;
        margin-bottom: 20px
    }

    .homeMarginTopTuileDroite40 {
        margin-top: 40px;
    }

    /* Query pour formulaire */
    .connection-form .inputTaille {
        width: 160px;
    }

    /* AJOUT 15072021*/
    .connection-form .btn-default {
        margin-left: 5px;
        margin-top: 0px;
        display: block;
        margin: 0 auto;
    }

    .homeMarginTopTuileDroite40 {
        margin-top: 0px;
    }

    /* AJOUT 15072021*/
    /* Query pour formulaire */
}

@media screen and (min-width: 871px) and (max-width: 999px) {
    .hpGauche {
        width: 435px;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 20px;
        padding: 40px 10px;
    }

    .hpDroite {
        width: 435px;
        margin-left: 10px;
        margin-bottom: 20px
    }
}

@media screen and (min-width: 1000px) and (max-width: 1010px) {
    .hpGauche {
        width: 435px;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 20px;
        padding: 40px 10px;
    }

    .hpDroite {
        width: 435px;
        margin-left: 10px;
        margin-bottom: 20px
    }
}

/* container global home page */
/* Fil Ariane*/
.filAriane {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 96%;
    max-width: 1012px;
    min-width: 300px;
    margin: 10px auto;
    height: 50px;
    font-size: var(--body-S);
}

    .filAriane .breadcrumb {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0px;
        margin-top: 1rem;
        list-style: none;
        background-color: transparent;
        border-radius: 0px;
        font-size: var(--body-S);
    }

    .filAriane .breadcrumb-item {
        color: var(--font-color);
        font-weight: 600;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .filAriane .breadcrumb-item a {
            color: var(--bleu-lbp);
            font-weight: 500;
            text-decoration: underline;
        }

.breadcrumb-item img {
    margin-right: 8px;
}

.filAriane .breadcrumb-item.active {
    color: var(--font-color);
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .filAriane .breadcrumb-item.active a {
        color: #1C9786;
        font-weight: 700;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-decoration: none;
    }

.filAriane .breadcrumb-item + .breadcrumb-item::before {
    float: left;
    padding-right: .5rem;
    color: #202122;
    content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-keyboard-arrow-right.svg");
}

@media screen and (min-width: 319px) and (max-width: 769px) {
    .filAriane {
        margin-bottom: 0;
        display: none;
    }
}

/*Fil Ariane */
/* Fil Ariane UNIQUEMENT EN MOBILE POUR */
/* Fil Ariane*/
.filArianeMobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 96%;
    max-width: 1012px;
    min-width: 300px;
    margin: 10px auto;
    height: 50px;
    font-size: var(--body-S);
}

    .filArianeMobile .breadcrumb {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0px;
        margin-top: 1rem;
        list-style: none;
        background-color: transparent;
        border-radius: 0px;
        font-size: var(--body-S);
    }

    .filArianeMobile .breadcrumb-item {
        color: var(--font-color);
        font-weight: 600;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .filArianeMobile .breadcrumb-item a {
            color: var(--font-color-titre);
            font-weight: 700;
            text-decoration: none;
        }

.breadcrumb-item img {
    margin-right: 8px;
}

.filArianeMobile .breadcrumb-item.active {
    color: var(--font-color);
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .filArianeMobile .breadcrumb-item.active a {
        color: #1C9786;
        font-weight: 700;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-decoration: none;
    }

.filArianeMobile .breadcrumb-item + .breadcrumb-item::before {
    float: left;
    padding-right: .5rem;
    color: #6c757d;
    content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-keyboard-arrow-right.svg");
}

/*Fil Ariane */
/* Fil Ariane UNIQUEMENT EN MOBILE POUR */
/* Landing Connecte BIN et Non Connecte */
.containerConnecte {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    /*RAJOUT 01102021 ne doit pas etre en wrap sinon la 3eme tuile ne pourra etre sur la meme ligne*/
    /*-ms-flex-wrap: wrap;
        flex-wrap: wrap;*/
    /*RAJOUT 01102021*/
    width: 96%;
    max-width: 1012px;
    min-width: 300px;
    margin: 0 auto 30px;
    gap: 32px;
}

.containerNonConnecte {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 96%;
    max-width: 1012px;
    min-width: 300px;
    margin: 0px auto 30px;
    gap: 32px;
}

.containerConnecteViaCompte {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 96%;
    max-width: 1012px;
    min-width: 300px;
    margin: 0 auto 30px;
    gap: 20px;
}

.containerNonConnecte .titleListePuce {
    font-weight: 500;
}

.containerNonConnecte .listCoche li {
    font-size: var(--body-S);
}


/*IMPORTANT RAJOUT 09/12/2021 concerne l'alignement des tuiles*/
@media screen and (min-width: 319px) and (max-width: 424px) {
    .containerConnecte {
        /*RAJOUT 01102021 en mobile le container doit repasser en wrap pour la bascule des tuiles*/
        flex-wrap: wrap;
        /*RAJOUT 01102021*/
        gap: 0px;
        margin: 0px auto 0px;
    }

    .containerConnecteViaCompte {
        margin-top: 30px;
    }

    .mt80 {
        margin-top: 40px !important;
    }
}

@media screen and (min-width: 425px) and (max-width: 768px) {
    .containerConnecte {
        /*RAJOUT 01102021 en mobile le container doit repasser en wrap pour la bascule des tuiles*/
        flex-wrap: wrap;
        /*RAJOUT 01102021*/
        gap: 0px;
        margin: 0px auto 0px;
    }

    .containerConnecteViaCompte {
        margin-top: 30px;
    }

    .mt80 {
        margin-top: 40px !important;
    }
}

/*IMPORTANT RAJOUT 09/12/2021 concerne l'alignement des tuiles*/

@media screen and (min-width: 769px) and (max-width: 1012px) {
    .containerConnecte {
        /*RAJOUT 01102021 en mobile le container doit repasser en wrap pour la bascule des tuiles*/
        flex-wrap: wrap;
        /*RAJOUT 01102021*/
        gap: 0px;
        margin: 0px auto 20px;
        gap: 20px;
    }

    /*.containerConnecteViaCompte {
        gap: 10px;
    }*/
    .mt80 {
        margin-top: 10px !important;
    }

    .mt45 {
        margin-top: 45px;
    }
}

.hpConnecte {
    width: 100%;
    max-width: 490px;
    min-width: 300px;
    padding: 26px;
    box-shadow: 0px 4px 16px rgba(193, 201, 214, 0.45);
    border-radius: 10px;
}

.containerConnecte .hpConnecte.bgcolorCA p {
    color: #4A4A4A;
    font-size: var(--body-S);
    font-weight: 500;
}

.bgcolorCA {
    background: var(--white);
}

.bgcolorBlanco {
    background: var(--white);
}

.bgColorightBlue {
    background: #C0D0D8;
}

.textMaj {
    text-transform: uppercase;
    font-weight: 300;
}

    .textMaj span:first-child {
        font-weight: 700;
        color: var(--font-color);
    }

    .textMaj span:last-child {
        font-weight: 700;
        color: #2ED4D4;
    }

.hpConnecte .buttonSizeFont {
    width: 270px;
    color: var(--white);
    font-size: var(--body-M);
    margin-top: auto;
}

.hpConnecte .buttonSizeFontOutline {
    color: #1F368B;
    margin-top: auto;
}

@media screen and (min-width: 319px) and (max-width: 900px) {
    .hpConnecte .buttonSizeFont {
        margin-top: 10px;
    }
}

/* Landing Connecte BIN */
/* Attestation CA */
.containerTitleBlanc {
    background-color: transparent;
    width: 96%;
    max-width: 1012px;
    min-width: 300px;
    margin: 0 auto;
}

    .containerTitleBlanc h1 {
        color: var(--font-color);
        font-size: var(--heading-L);
        font-weight: 700;
    }

.containerMentions {
    background-color: var(--white);
    width: 96%;
    max-width: 1012px;
    min-width: 300px;
    margin: 0 auto;
    padding: 10px;
}

@media screen and (min-width: 319px) and (max-width: 768px) {
    .containerTitleBlanc h1 {
        text-align: center;
        font-size: var(--heading-M);
    }

    .containerMentions {
        padding: 10px 15px;
    }
}

.bgcolorCASecondary {
    background-color: #1C9786;
}

.buttonGreenTxt {
    width: 100%;
    max-width: 350px;
    min-width: 250px;
    color: var(--white);
    text-transform: uppercase;
    font-size: var(--body-S);
    text-align: center;
    margin: 0 auto;
    font-weight: 300;
}

.listCoche {
    list-style: none;
    margin: 5px 0px 0px 20px;
}

    .listCoche li {
        list-style-image: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-bulletPoint.svg");
        color: var(--white);
        font-size: var(--body-M);
        padding: 1px;
    }

.shadowBg {
    -webkit-box-shadow: 1px 1px 8px 6px rgba(0, 0, 0, 0.06);
    box-shadow: 1px 1px 8px 6px rgba(0, 0, 0, 0.06);
}

.mentionsTxt {
    font-size: var(--body-XS);
    color: #9B9B9B;
}


@media screen and (min-width: 319px) and (max-width: 1000px) {
    /* .hpConnecte {
        margin-bottom: 20px;
    } */

    .hpConnecte.mt15 {
        margin-top: 5px;
    }
}

@media screen and (min-width: 319px) and (max-width: 550px) {
    .containerTitleBlanc {
        width: 95%;
    }

        .containerTitleBlanc .titleBlocLight,
        .containerTitleBlanc .titleBlocBold {
            font-size: var(--heading-M);
        }

    .filAriane {
        width: 95%;
    }

    .mt-32 {
        margin-top: 0px;
    }
}

/* Attestation CA */
/* Remboursement CA */
.titleIntro {
    width: 96%;
    max-width: 1012px;
    min-width: 300px;
    margin: 0 auto;
}

    .titleIntro h2 {
        margin-bottom: 0;
        color: var(--font-color);
        font-size: var(--heading-M);
    }

.titleChapeau {
    font-size: 50px;
    font-weight: 600;
    line-height: 28px;
}

.sousChapeau {
    font-size: var(--body-S);
    font-weight: 500;
}

.titleListePuce {
    font-size: var(--body-M);
    font-weight: 700;
}

/* Remboursement CA */
/*Bouton Vert Clair et Outline*/
.buttonGreen {
    background-color: #3B51D5;
    border-radius: 999px;
    font-size: var(--body-M);
    border: none;
    padding: 5px 5px;
    margin-left: 26px;
    margin-bottom: 26px;
}

.buttonGreenOutline {
    background-color: #AEBFFF;
    border-radius: 999px;
    border: none;
    font-size: var(--body-M);
    /*padding: 5px 10px;*/
}

/*Bouton Vert Clair*/
/*------------------ NOTICE CA */
.containerFull {
    width: 100%;
    max-width: 1012px;
    min-width: 300px;
    padding: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 32px;
}

/*---------------Attestation Medical Step ------*/
.containerStepForm {
    background-color: var(--white);
    padding: 25px 30px 5px;
    width: 96%;
    max-width: 1012px;
    min-width: 300px;
    margin: 0 auto;
    border: 1px solid var(--border-gray-lbp);
    box-shadow: 0px 0px 6px rgba(35, 35, 35, 0.06);
    border-radius: 10px;
}

    .containerStepForm h1 {
        color: var(--font-color-titre);
        font-size: var(--heading-M);
    }

    .containerStepForm .titleBlocLight {
        font-weight: 700 !important;
        text-transform: none;
    }

    .containerStepForm .titleBlocBold {
        font-weight: 700;
        text-transform: inherit;
    }

@media screen and (min-width: 319px) and (max-width: 768px) {
    .containerStepForm {
        margin-top: 23px;
        padding: 15px 10px 5px 15px;
        background-color: var(--white);
        box-shadow: 0px 4px 16px rgba(193, 201, 214, 0.45);
    }

        .containerStepForm h1 {
            font-size: var(--heading-M);
            text-align: left;
        }
}

.colorLine {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

/*RAJOUT 21092021*/
@media screen and (max-width:500px) {
    .colorLine {
        display: none;
    }

    .containerStepForm .filAriane_containerStepForm {
        display: none;
    }
}

/*RAJOUT 21092021*/
.firstColor {
    width: 7%;
    height: 5px;
    background-color: var(--bleu-progress-bar);
}

.lastColor {
    width: 93%;
    height: 5px;
    background-color: #F5F5F5;
}

.containerStepForm .breadcrumb {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0px;
    margin-top: 1rem;
    list-style: none;
    background-color: transparent;
    border-radius: 0px;
    font-size: var(--body-S);
}

.containerStepForm .breadcrumb-item {
    color: var(--font-color);
    font-weight: 500;
}

    .containerStepForm .breadcrumb-item.active {
        color: var(--border-gray-lbp);
        font-weight: 700;
    }

    .containerStepForm .breadcrumb-item + .breadcrumb-item::before {
        float: left;
        padding-right: .5rem;
        color: #6c757d;
        content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-keyboard-arrow-right.svg");
    }

/**/
.containerStepFormShadow {
    background-color: var(--white);
    padding: 0px 30px 40px 30px;
    width: 96%;
    margin-top: 20px;
    max-width: 1012px;
    min-width: 300px;
    margin: 20px auto 0px;
    position: relative;
    border-radius: 10px;
    border: 1px solid var(--border-gray-lbp);
    box-shadow: 0px 0px 6px rgba(35, 35, 35, 0.06);
}

.smallOu {
    text-align: left;
}

@media screen and (min-width: 319px) and (max-width: 550px) {
    .containerStepFormShadow {
        padding: 25px 15px 40px 15px;
    }

    .smallOu {
        text-align: center;
    }
}

.titleForm {
    font-weight: 700;
    font-size: var(--heading-S);
    color: var(--font-color-titre);
    margin-bottom: 0;
}

.containerStepFormShadow p {
    color: var(--font-color);
    font-size: var(--body-S);
    line-height: var(--lineHeight-S);
}

.sousTitleStep {
    margin-top: 5px;
}


.boxContent {
    width: 100%;
}

.boxArrondi {
    border: 1px solid #E0E0E0;
    padding: 20px;
    border-radius: 6px;
}

.boxArrondiCard {
    border: 1px solid #E0E0E0;
    padding: 0 20px;
    border-radius: 6px;
}

@media (max-width:600px) {
    .boxBtnAssure {
        display: flex;
        justify-content: center;
    }
}

.boxBtnAssure .btnAjout {
    background-color: var(--white);
    border: 1px solid var(--border-gray-lbp);
    border-radius: 6px;
    color: var(--font-color-titre);
    font-size: var(--body-S);
    padding: 8px 8px;
    font-weight: 600;
}

    .boxBtnAssure .btnAjout:active {
        background-color: var(--white);
        border: 1px solid var(--border-gray-lbp);
        border-radius: 6px;
        color: var(--font-color-titre);
        font-size: var(--body-S);
        padding: 8px 8px;
        font-weight: 600;
    }

    .boxBtnAssure .btnAjout::before {
        content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-pictoAdd.svg");
        margin-right: 5px;
    }

.boxBtnAssure .btnDelete,
.boxBtnAssure .btnDelete:active {
    background-color: var(--white);
    border: 1px solid var(--msgError);
    border-radius: 6px;
    color: var(--msgError);
    font-size: var(--body-S);
    padding: 8px 8px;
    font-weight: 600;
}

    .boxBtnAssure .btnDelete::before {
        content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-pictoDel-CATS.svg");
        position: relative;
        top: 3px;
        margin-right: 5px;
    }

.btnValidAjoutBene {
    background-color: var(--white);
    border: 1px solid var(--border-gray-lbp);
    border-radius: 6px;
    color: var(--font-color-titre);
    font-size: var(--body-S);
    padding: 8px 12px;
    font-weight: 600;
}

/* .btnValidAjoutBene:hover {
    background-color: var(--font-color);
    color: var(--white);
} */

.formControlNewCarte {
    font-size: var(--heading-S);
}

/*---------------Attestation Medical Step ------*/
/* FORM Date de validite */
.validiteCarte {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50px;
}

.slashDate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 21px;
    font-size: var(--heading-L);
    color: #9B9B9B;
    width: 50px;
}

.moisCarte,
.anneeCarte {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .moisCarte input[type=text],
    .anneeCarte input[type=text] {
        background-color: transparent !important;
        text-align: center;
    }

/*Change text in autofill textbox*/
.containerStepFormShadow input:-webkit-autofill,
.containerStepFormShadow input:-webkit-autofill:hover,
.containerStepFormShadow input:-webkit-autofill:active,
.containerStepFormShadow input:-webkit-autofill:focus {
    box-shadow: 0 0 0 1000px var(--white) inset !important;
    -webkit-box-shadow: 0 0 0 1000px var(--white) inset !important;
}

.moisCarte label,
.anneeCarte label {
    color: #C9C9C9;
    font-size: 9px;
    margin-left: 3px;
    text-transform: uppercase;
}

.inptutAnnee,
.inputMois {
    position: relative;
    border: none;
    width: 40px;
    font-size: var(--heading-S);
    letter-spacing: 3px;
    color: var(--font-color);
}

/* RAJOUT 19072021 */
.creaCompte .inptutAnnee {
    position: relative;
    border: none;
    width: 90px;
    font-size: var(--heading-S);
    letter-spacing: 2px;
    color: var(--font-color);
}

/* RAJOUT 19072021 */
.inptutAnnee:focus,
.inputMois:focus {
    outline: none;
}

.inptutAnnee::-webkit-input-placeholder,
.inputMois::-webkit-input-placeholder {
    font-size: 30px;
    position: relative;
    top: 0px;
    color: #C9C9C9;
    letter-spacing: 0px;
}

.inptutAnnee:-ms-input-placeholder,
.inputMois:-ms-input-placeholder {
    font-size: 30px;
    position: relative;
    top: 0px;
    color: #C9C9C9;
    letter-spacing: 0px;
}

.inptutAnnee::-ms-input-placeholder,
.inputMois::-ms-input-placeholder {
    font-size: 30px;
    position: relative;
    top: 0px;
    color: #C9C9C9;
    letter-spacing: 0px;
}

.inptutAnnee::placeholder,
.inputMois::placeholder {
    font-size: 30px;
    position: relative;
    top: 0px;
    color: #C9C9C9;
    letter-spacing: 0px;
}

.btnOnlyOneStep {
    width: 100%;
    max-width: 500px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

@media (max-width:550px) {
    .btnOnlyOneStep {
        justify-content: center;
    }
}

.containerStepFormShadow .btnOnlyOneStep .nextStep {
    border-radius: 999px;
    background-color: #2ED4D4;
    color: var(--white);
    padding: 10px 20px;
    border: none;
    outline: none;
}

.btnStep {
    width: 100%;
    max-width: 500px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width:550px) {
    .btnStep {
        flex-direction: column;
    }

        .btnStep .previousStep {
            margin-bottom: 15px;
            width: 100%;
        }

        .btnStep .btn-default-primaire {
            width: 100%;
        }

    .btnOnlyOneStep .btn-default-primaire {
        width: 100%;
    }
}
/* CATS */
.previousStep {
    background: var(--white);
    border: 1px solid var(--btn-precedent);
    color: var(--btn-precedent);
    font-size: var(--body-S);
    font-weight: 600;
    padding: 14px 22px;
    border-radius: 6px;
    outline: none;
}

    .previousStep:hover {
        background: var(--btn-precedent-hover);
        border: 1px solid var(--btn-precedent);
        color: var(--btn-precedent);
        ;
    }

*/
/* CATS */
.containerStepFormShadow .nextStep {
    border-radius: 9999px;
    background-color: #2ED4D4;
    color: var(--white);
    padding: 10px 20px;
    border: none;
    outline: none;
}

/* RAJOUT DU 13072021 */
.containerStepFormShadow .nextStep:disabled,
.btnModalRemb .btnNouvelleDemande:disabled {
    border-radius: 6px;
    background-color: var(--color-disabled);
    color: var(--font-color);
    padding: 10px 15px;
    border: none;
    outline: none;
}

/* RAJOUT DU 13072021 */
.btnStepAttestation {
    width: 100%;
    max-width: 800px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.btnSecondary.active {
    background-color: #2ED4D4;
    color: var(--white);
    border: 1px solid #2ED4D4;
    border-radius: 9999px;
    outline: none;
    font-weight: 500;
    font-size: var(--body-M);
    padding: 5px 10px;
}

.btnSecondary {
    background-color: var(--white);
    color: #2ED4D4;
    border: 1px solid #2ED4D4;
    border-radius: 9999px;
    outline: none;
    font-weight: 500;
    font-size: var(--body-M);
    padding: 5px 10px;
}

.marginBotBtnAttest {
    margin-right: 10px;
}

@media screen and (min-width: 319px) and (max-width: 600px) {
    .marginBotBtnAttest {
        width: 100%;
        margin-bottom: 10px;
        margin-right: 0px;
    }
}

@media screen and (min-width: 600px) {
    .marginBotBtnAttest {
        margin-bottom: 10px;
        margin-right: 10px;
    }
}

/* FORM Date de validite */
/* PROGRESS BAR*/
.progress {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    height: 0.5rem;
    overflow: hidden;
    line-height: 0;
    font-size: .75rem;
    background-color: var(--bleu-clair-progress-bar);
    border-radius: .25rem;
}

.progressBar {
    margin-top: 40px;
    width: 100%;
    max-width: 500px;
}

    .progressBar p {
        color: #A2A6AF;
        font-size: var(--body-XS);
        margin-top: 0;
        font-weight: 500;
    }

.progress-bar {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    overflow: hidden;
    color: var(--white);
    text-align: center;
    white-space: nowrap;
    background-color: var(--bleu-progress-bar);
    -webkit-transition: width .6s ease;
    transition: width .6s ease;
}

.w-5 {
    width: 5% !important;
}

.w-7 {
    width: 7% !important;
}

.w-15 {
    width: 15% !important;
}

.w20 {
    width: 20% !important;
}

.w-25 {
    width: 25% !important;
}

.w-30 {
    width: 30% !important;
}

.w-45 {
    width: 45% !important;
}

/* FORM RANGE*/
/* RECAP */
.divider {
    width: 100%;
    border: 0;
    border-top: 1px solid #e7e7e7;
}

.divider-dashed {
    width: 100%;
    border-top: 1px dashed #C9C9C9;
}

.divider-dotted {
    width: 100%;
    border-top: 1px dotted #C9C9C9;
}

.soustitreEtBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .soustitreEtBtn h3 {
        margin-bottom: 0;
        font-size: var(--heading-S);
        font-weight: 700;
        color: var(--font-color-titre);
    }

@media screen and (max-width: 500px) {
    .soustitreEtBtn h3 {
        width: 175px;
    }
}

.txtRecapSousTitre h5 {
    margin-bottom: 0;
    font-size: var(--body-M);
    font-weight: 700;
}

button.btnModifier {
    font-size: var(--body-S);
    font-weight: 500;
    padding: 6px 15px;
    background: none;
    border-radius: 6px;
    border: 1px solid var(--font-color-titre);
    color: var(--font-color);
}

    button.btnModifier:hover {
        background: none;
        border-radius: 6px;
        border: 1px solid var(--font-color-titre);
        color: var(--white);
        background-color: var(--bleu-lbp);
    }

    button.btnModifier::before {
        content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-crayon-modif.svg");
        margin: 0px 5px 0px 0px;
    }

    button.btnModifier:hover::before {
        content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-crayon-modif-hover.svg");
        margin: 0px 5px 0px 0px;
    }

.titleEtInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .titleEtInfo p:last-child {
        font-weight: 700;
    }

    .titleEtInfo p {
        word-wrap: break-word;
        width: 50%;
        font-size: var(--body-S);
    }

        /* TODO 21/03/2023 */
        .titleEtInfo p span {
            display: block;
        }

/* TODO 21/03/2023 */
.recapMentions label {
    font-size: var(--body-XS);
    line-height: var(--lineHeight-XS);
    color: var(--font-color);
    padding-top: 3px;
}

    .recapMentions label a {
        font-size: var(--body-XS);
        color: var(--bleu-lbp);
    }

.rememberMe label {
    font-size: var(--body-XS);
    color: var(--white);
}

.btnStepRecap {
    width: 100%;
    max-width: 500px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (max-width:550px) {
    .btnStepRecap {
        flex-direction: column;
        justify-content: flex-end;
    }

        .btnStepRecap .previousStep {
            margin-bottom: 15px;
            width: 100%;
        }

        .btnStepRecap .btn-default-primaire {
            width: 100%;
        }
}
/* CATS */
.btnDowloadAttestation {
    display: flex;
    align-items: center;
}

    .btnDowloadAttestation .nextStepRecapValid {
        display: flex;
        /* border-radius: 9999px;*/
        background-color: var(--white);
        color: var(--bleu-lbp);
        text-decoration: underline;
        padding: 10px 5px;
        border: none;
        outline: none;
        font-size: var(--body-S);
    }

        .btnDowloadAttestation .nextStepRecapValid::before {
            content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-pdf.svg");
            /* width: 15px; */
            height: 32px;
            /* margin-left: 2px; */
            position: relative;
            top: 1px;
            left: -7px;
        }

.btnStepRecap .nextStepRecapValid:disabled {
    background-color: var(--color-disabled);
    color: var(--txt-disabled);
}

.btnStepRecap .previousStep {
    background: var(--white);
    color: var(--btn-precedent);
    font-size: var(--body-S);
    font-weight: 600;
    padding: 14px 22px;
    border-radius: 6px;
    outline: none;
    border: 1px solid var(--btn-precedent);
}

    .btnStepRecap .previousStep:hover {
        background: var(--btn-precedent-hover);
        color: var(--btn-precedent);
        font-size: var(--body-S);
        font-weight: 600;
        padding: 14px 22px;
        border-radius: 6px;
        outline: none;
        border: 1px solid var(--btn-precedent);
    }
/* CATS */


/* Checkbox CUSTOM */
input[type=checkbox],
input[type=radio] {
    outline: 0px !important;
}



/* Checkbox CUSTOM */
@media screen and (min-width: 319px) and (max-width: 502px) {
    .titleEtInfo {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .titleEtInfo p {
            width: 100%;
        }
}

/* RECAP */
/* Landing Non Connecte*/
.dividerWhite {
    width: 100%;
    border: 0;
    border-top: 1px solid var(--white);
}

.landNonConnecte .flexCenter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.landNonConnecte h2 {
    margin-bottom: 0;
}

.titleNonConnecte {
    font-size: var(--heading-S);
    text-transform: uppercase;
    font-weight: 700;
    line-height: 24px;
    margin-left: 10px;
}

    .titleNonConnecte span {
        font-size: var(--body-M);
        text-transform: uppercase;
        font-weight: 500;
    }

.blocLandBtnNonConnecte {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .blocLandBtnNonConnecte .buttonGreenNonTxt {
        width: 100%;
        max-width: 250px;
        min-width: 250px;
        color: var(--white);
        font-size: var(--body-M);
        text-align: center;
        margin: 0 auto;
        font-weight: 300;
    }

.mdpOublier {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .mdpOublier a {
        color: #2ED4D4;
    }

.landBtnNonConnecte {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .landBtnNonConnecte .landBtnConnection {
        border: none;
        outline: none;
        background-color: #97bf26;
        color: var(--white);
        padding: 12px 24px;
        font-size: var(--heading-M);
        border-radius: 6px;
    }

/* Landing Non Connecte*/
/*demande de rembousement dossier */
.containerStepRemboursementTitle {
    background-color: var(--white);
    padding: 25px 30px 25px;
    width: 96%;
    max-width: 1012px;
    min-width: 300px;
    margin: 0 auto;
    border-radius: 10px;
    border: 1px solid var(--border-gray-lbp);
    box-shadow: 0px 0px 6px rgba(35, 35, 35, 0.06);
}

.containerStepRemboursement {
    background-color: var(--white);
    padding: 25px 30px 25px 30px;
    width: 96%;
    max-width: 1012px;
    min-width: 300px;
    margin: 20px auto 0;
    border-radius: 10px;
    border: 1px solid var(--border-gray-lbp);
    box-shadow: 0px 0px 6px rgba(35, 35, 35, 0.06);
}

.containerStepRemboursementTitle h2 {
    font-size: var(--heading-L);
    color: var(--font-color-titre);
    text-transform: none;
    margin-bottom: 0;
    font-weight: bold;
}

.dossierClos {
    background-color: var(--bleu-tuile);
}

.blocgris {
    background-color: transparent;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.blocgrisRemboursement {
    background-color: var(--bleu-tuile);
    border-radius: 10px;
    padding: 9px 25px 12px 13px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

@media (max-width:550px) {
    .blocgrisRemboursement {
        flex-direction: column;
        align-items: start;
    }

        .blocgrisRemboursement .blocMonDossier {
            margin-bottom: 10px;
        }
}

.blocgrisRemboursement h3 {
    color: var(--font-color);
    font-size: var(--heading-S);
    font-weight: 700;
    margin-bottom: 0;
}

.blocgrisRemboursement .blocMonDossier {
    width: 70%;
}

.blocgrisRemboursement p {
    font-size: var(--body-S);
    font-weight: 500;
}

@media (max-width:974px) {
    .blocgrisRemboursement .blocRembousementEnCours {
        display: flex !important;
        justify-content: flex-start !important;
    }
}

.docEtMessage {
    display: flex;
    justify-content: space-between;
}

.traitementDesktop {
    display: block;
}

.traitementMobile {
    display: none;
}

.traitementEtMessage {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.accordion-collapse .card-body {
    padding: 5px 0px;
}

@media (max-width:600px) {
    .docEtMessage {
        display: flex;
        flex-direction: column;
    }

    .traitementDesktop {
        display: none;
    }

    .traitementMobile {
        display: block;
    }

    .traitementEtMessage {
        order: 0;
        margin: 7px 0;
    }

    .docTransmisEtTaille {
        order: 1;
    }

    .containerStepRemboursement {
        padding: 25px 15px 25px 15px;
    }

    .containerStepRemboursementTitle h2 {
        font-size: var(h);
    }

    .containerStepRemboursementTitle p {
        font-size: var(--body-S);
    }

    .containerStepRemboursementTitle {
        background-color: transparent;
        padding: 0px 0px 0px 13px;
        border-radius: 0px;
        box-shadow: none;
        border: none;
    }
}


.blocgris h3 {
    color: var(--font-color-titre);
    font-size: var(--heading-S);
    font-weight: 700;
    margin-bottom: 0;
}

.blocgris p {
    font-size: var(--body-S);
    font-weight: 500;
}

.blocEnAttenteDoc p {
    text-transform: uppercase;
    font-size: var(--body-S);
    font-weight: 700;
    color: #1F368B;
}



/* Rajout 16/05/2023 */
.blocDoctransmettre {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

    .blocDoctransmettre p {
        color: var(--font-color);
    }

    /* Rajout 16/05/2023 */
    .blocDoctransmettre .colorRed {
        color: var(--msgError);
    }

/* Rajout 16/05/2023 */
.demandeDoc {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 10px 0px;
}

@media (max-width:975px) {
    .demandeDoc {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .blocDoctransmettre .typeFichier {
        text-align: left;
        margin-bottom: 10px;
    }
}

.demandeDoc .textVisible {
    display: flex;
    align-items: center;
    line-height: 1.2;
    font-size: var(--body-S);
    width: 100%;
}

/* Rajout 16/05/2023 */
/* Rajout 16/05/2023 */
.suivreMonDossier .btn {
    padding: 0 !important;
}

/* Rajout 16/05/2023 */


.nbrDocTransmis {
    width: 300px;
}

/* Rajout 16/05/2023 */
.blocRembousementEnCours p {
    color: #1F368B;
    font-weight: 700;
    text-align: right;
}

/* Rajout 16/05/2023 */
.blocRembousementEnCours span {
    color: var(--font-color);
    font-weight: 500;
}

.btnAccesDossier {
    text-align: center;
}

.btnAccesDossierFull {
    background-color: var(--bleu-lbp);
    border: none;
    color: var(--white);
    padding: 12px 20px;
    font-size: var(--body-S);
    border-radius: 6px;
}

    .btnAccesDossierFull:hover {
        background-color: var(--btn-suivant-hover);
    }

    .btnAccesDossierFull:disabled {
        background-color: var(--color-disabled);
        color: var(--txt-disabled);
    }

.btnAccesDossierOutl {
    background-color: var(--white);
    border-radius: 9999px;
    border: 1px solid #2ED4D4;
    color: #2ED4D4;
    padding: 12px 20px;
    font-size: var(--body-M);
}

.newRequest {
    display: block;
    background: var(--white);
    border: 1px solid var(--btn-precedent);
    color: var(--btn-precedent);
    font-size: var(--body-S);
    font-weight: 600;
    padding: 10px 16px;
    border-radius: 6px;
    outline: none;
}


@media screen and (min-width: 319px) and (max-width: 550px) {
    .containerStep h2 {
        font-size: var(--heading-M);
    }

    .nbrDocTransmis {
        width: 250px;
    }

    /* .sepMob {
        border-top: 1px solid #1F368B;
        width: 100%;
        margin-top: 10px;
    } */

    /* .sepMobTxt {
        margin-top: 10px;
    } */

    .newRequest {
        margin-top: 10px;
    }
}

/* accordeon*/
.suivreMesDoc .card {
    border-radius: 7px;
    border-color: #E7E7E7;
    padding: 15px 20px;
}

@media (max-width:600px) {
    .suivreMesDoc .card {
        padding: 10px;
    }
}

.suivreMesDoc .btn-link {
    text-decoration: none;
    width: 100%;
}

.suivreMesDoc .btnAccordeon {
    background-color: transparent;
    border: none;
    outline: none;
}

    .suivreMesDoc .btnAccordeon:focus {
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.suivreMesDoc .decoEncours {
    padding: 5px 15px;
    border-radius: 6px;
}
    /* CATS changement de couleur gelules En attente / En traitement / Clos */
    .suivreMesDoc .decoEncours.colorEnAttente {
        background-color: var(--white);
    }

.suivreMesDoc p.decoEncours.colorEnAttente {
    background-color: var(--bg-gellule-attente);
    border: 1px solid var(--bg-gellule-attente);
    color: var(--txt-gellule-attente);
    ;
    font-size: var(--body-XS);
    font-weight: 700;
}

.suivreMesDoc .decoEncours.colorEnTraitement {
    background-color: var(--white);
}

.suivreMesDoc p.decoEncours.colorEnTraitement {
    background-color: var(--bg-gellule-enTraitement);
    color: var(--txt-gellule-enTraitement);
    border: 1px solid var(--bg-gellule-enTraitement);
    font-size: var(--body-XS);
    font-weight: 700;
}

.suivreMesDoc .decoEncours.colorClos {
    background-color: var(--gellule-clos);
}

.suivreMesDoc p.decoEncours.colorClos {
    background-color: var(--bg-gellule-clos);
    color: var(--txt-gellule-clos);
    border: 1px solid var(--bg-gellule-clos);
    font-size: var(--body-XS);
    font-weight: 700;
}
/* CATS changement de couleur gelules En attente / En traitement / Clos */
.suivreMesDoc .headerAccordeon {
    background-color: transparent;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.suivreMesDoc .txtAccordeonMessages {
    color: var(--font-color-titre);
    font-size: var(--body-S);
    font-weight: 700;
    text-transform: uppercase;
}

@media (max-width:600px) {
    .suivreMesDoc .decoEncours {
        padding: 5px 10px;
        font-size: 10px;
    }

    .suivreMesDoc .txtAccordeonMessages {
        font-size: var(--body-XS);
    }
}

.suivreMesDoc .btnMessages {
    border: none;
    background-color: transparent;
    display: flex;
    align-items: center;
}

.rotate-icon::after {
    content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-flecheBas.svg");
    width: 15px;
    height: 15px;
    margin-left: 10px;
    position: relative;
    top: 3px;
}

.suivreMesDoc .card button.collapsed .rotate-icon::after {
    content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-flecheHaut.svg");
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-left: 10px;
    position: relative;
    top: 3px;
}

/* rajout 16/02/20023 */
.suivreMesDoc .blocRembousementEnCours {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    /* flex-basis: 35%; */
}

/* rajout 16/02/20023 */
.suivreMesDoc .blocEncoursDeTraintement {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: relative;
    flex-basis: 35%;
}

    .suivreMesDoc .blocEncoursDeTraintement p:nth-child(1) {
        text-transform: uppercase;
        background-color: #DEEFF5;
        color: #2491BC;
        padding: 5px 15px;
        border-radius: 999px;
        font-size: 11px;
    }

.pictoMessages::after {
    content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-picto-mesMessages.svg");
    margin-left: 10px;
    position: relative;
    top: 2px;
}

.pictoMessagesActif::after {
    content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-picto-mesMessages-actif.svg");
    margin-left: 10px;
    position: relative;
    top: 2px;
}

.suivreMesDoc .blocRemboursementClos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    -ms-flex-preferred-size: 35%;
    flex-basis: 35%;
}

.suivreMesDoc .card-header {
    padding: 0px;
    /* border-bottom: 0px;*/
    background-color: var(--white);
}

    .suivreMesDoc .card-header.bgGray {
        padding: 0px;
        border-bottom: 0px;
        background-color: #F5F5F5;
    }

.suivreMesDoc .demandeDoc a {
    color: var(--font-color);
    font-size: var(--body-S);
    text-decoration: underline;
    text-align: left;
}

.suivreMesDoc hr {
    margin: 0 auto 15px;
    border: 0;
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.suivreMesDoc .demandRemb {
    color: var(--font-color-titre);
    font-size: var(--heading-S);
    font-weight: 700;
    text-align: left;
    width: 70%;
}

/* CATS */
.suivreMesDoc .demandeRemboursement {
    font-size: var(--heading-S);
    color: var(--font-color-titre);
    font-weight: 700;
    text-align: left;
}

.suivreMesDoc .intituleNewDemande p:first-child {
    font-size: var(--body-S);
    color: var(--font-color);
    text-align: left;
    font-weight: 500;
}

.suivreMesDoc .intituleNewDemande p:last-child {
    font-size: var(--body-S);
    color: var(--font-color);
    text-align: left;
    font-weight: 500;
}

@media (max-width:550px) {
    .suivreMesDoc .intituleNewDemande p:first-child {
        font-size: var(--body-S);
        color: var(--font-color);
        text-align: left;
        font-weight: 500;
    }

    .suivreMesDoc .intituleNewDemande p:last-child {
        font-size: var(--body-S);
        color: var(--font-color);
        text-align: left;
        font-weight: 500;
    }
}
/* CATS */

.suivreMesDoc .card-header {
    border-bottom: none;
}

.suivreMesDoc .typeFichier {
    color: var(--font-color);
    font-size: var(--body-XS);
}
/* CATS */
.suivreMesDoc .blocRembousementEnCours p {
    background-color: #DEEFF5;
    color: var(--font-color);
    padding: 5px 15px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 500;
}
/* CATS */


.suivreMesDoc .blocRemboursementClos p {
    text-transform: uppercase;
}

.blocRemboursementClos p {
    -ms-flex-item-align: start;
    align-self: flex-start;
    color: #1F368B;
    font-weight: 700;
}

/* INPUT FILE*/

.zoneImport {
    /* background-color: #F5F5F5;
    border-left: 8px solid #C0D0D8; */
    padding: 10px 00px 20px;
    /* border-radius: 10px; */
}

.zoneJustifListe {
    display: block;
    margin-bottom: 5px;
}

.piecesNonConforme {
    font-size: var(--body-XS) !important;
    color: var(--bandeau-txt-badge) !important;
    line-height: 16px !important;
}

.zoneJustifListe .teleModele {
    display: block;
    font-size: var(--body-S);
    color: var(--font-color);
    font-weight: 500;
    text-decoration: underline;
}

.zoneJustifListeButton {
    background-color: transparent;
    border: none;
    outline: none;
}

.zoneJustifListeSVG {
    fill: var(--font-color-titre);
    position: relative;
    top: -2px;
    margin-left: 8px;
}

.zoneJustifListe .teleModele::before {
    content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-pdf.svg");
    display: inline-block;
    height: 20px;
    width: 20px;
    position: relative;
    margin-left: 5px;
    margin-right: 10px;
    top: 2px;
}

.zoneJustifListe .nomDocTransmis {
    font-size: var(--body-S);
    color: var(--font-color);
    font-weight: 500;
    text-decoration: underline;
}

.zoneJustifListe .nomDocConforme {
    font-size: var(--body-S);
    color: var(--font-color);
    font-weight: 700;
    text-decoration: none;
}

.zoneJustifListe .date {
    font-size: var(--body-S);
}


.zoneJustif {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.formStepTooltip {
    width: 70%;
    margin-bottom: 5px;
}

    .formStepTooltip .blocInformationWarning {
        background-color: var(--bg-bloc-warning);
        padding: 15px 20px;
        font-size: var(--body-XS);
        line-height: var(--lineHeight-XS);
    }

.zoneJustif .txtJustif {
    font-size: var(--body-S);
    font-weight: 500;
}
/* CATS */
.geluleEtat {
    color: var(--font-color);
    padding: 5px 15px;
    border-radius: 6px;
    height: 32px;
}

    .geluleEtat.geluleColor1 {
        background-color: var(--bg-gellule-transmettre);
        border: 1px solid var(--bg-gellule-transmettre);
        color: var(--txt-gellule-transmettre);
    }

    .geluleEtat.geluleColor2 {
        background-color: var(--bg-gellule-nonConforme);
        ;
        border: 1px solid var(--bg-gellule-nonConforme);
        color: var(--txt-gellule-nonConforme);
    }

    .geluleEtat.geluleColor3 {
        background-color: var(--bg-gellule-conforme);
        ;
        border: 1px solid var(--bg-gellule-conforme);
        color: var(--txt-gellule-conforme);
    }

    .geluleEtat.geluleColor4 {
        background-color: var(--bg-gellule-transmis);
        border: 1px solid var(--bg-gellule-transmis);
        color: var(--txt-gellule-transmis);
    }
/* CATS */
.zoneJustif .txtTrans {
    font-size: var(--body-XS);
    color: var(--gellule-transmettre);
    font-weight: 700;
}

.zoneJustif .teleModele {
    font-size: var(--body-S);
    color: #1F368B;
    font-weight: 500;
    text-decoration: underline;
}

.zoneJustif .transmisBlack {
    font-size: var(--body-XS);
    color: var(--gellule-transmis);
    font-weight: 700;
}

@media (max-width:605px) {
    .zoneJustif .transmisBlack {
        order: 0;
        margin-bottom: 5px;
        align-self: flex-start;
    }
}

.zoneJustif .nomDocTransmis {
    font-size: var(--body-M);
    color: #1F368B;
    font-weight: 700;
    text-decoration: none;
}


.zoneJustif .conformeGreen {
    font-size: var(--body-XS);
    color: var(--gellule-conforme);
    font-weight: 700;
}

@media (max-width:605px) {
    .zoneJustif .conformeGreen {
        order: 0;
        margin-bottom: 5px;
        align-self: flex-start;
    }
}

.zoneJustif .nomDocConforme {
    font-size: var(--body-S);
    color: var(--bandeau-txt-badge);
    font-weight: 700;
    text-decoration: none;
    margin-bottom: 10px;
}


.zoneJustif .nonConformeRed {
    font-size: var(--body-XS);
    color: var(--gellule-nonConforme);
    font-weight: 700;
}

@media (max-width:605px) {
    .zoneJustif .nonConformeRed {
        order: 0;
        margin-bottom: 5px;
        align-self: flex-start;
    }
}

@media (max-width:605px) {
    .zoneJustif {
        flex-direction: column;
    }

    .formStepTooltip {
        width: 100%;
        order: 1;
    }

    .zoneJustif .txtTrans {
        font-size: var(--body-XS);
    }
    /* CATS */
    .zoneJustif .geluleEtat {
        order: 0;
        margin-bottom: 5px;
        align-self: flex-start;
    }
    /* CATS */
}

.blocInfoWarningPJ {
    background-color: var(--bg-bloc-warning);
    padding: 15px 10px 15px 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
}

.warningPieces {
    color: var(--font-color);
    display: flex;
    align-items: center;
    font-size: var(--body-S);
}

    .warningPieces::before {
        content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-infoBulleRouge.svg");
        margin-right: 5px;
        position: relative;
        top: 2px;
    }

.blocInformationWarning .warningRouge:before {
    content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-infoBulleRouge.svg");
    position: relative;
    top: 5px;
    margin-right: 15px;
}

.blocInformationWarning .warningRouge {
    font-weight: 700;
}

.blocInformationWarning .sousBlocInformationWarning a {
    color: var(--font-color);
    font-weight: 700;
}
/* CATS */
.VoirDetailSPSS {
    background-color: transparent;
    border: none;
    color: var(--bleu-lbp);
    font-size: var(--body-S);
    font-weight: 500;
    text-decoration: underline;
}

.zoneFile {
    border: 1px dashed var(--font-color);
    background-color: var(--white);
    border-radius: 6px;
    width: 60%;
    text-align: center;
    padding: 15px 0px;
}

.btnEnvoyerFichier {
    text-align: center;
}

.piecesTransmise {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .piecesTransmise p:first-child {
        color: var(--font-color);
        text-transform: uppercase;
        font-size: var(--body-XS);
    }

.pointilleDashed {
    width: 85%;
    border-top: 1px dashed #707070;
}

.pointilleDashedBis {
    width: 81%;
    border-top: 1px dashed #707070;
}

@media screen and (min-width: 319px) and (max-width: 550px) {
    .zoneFile {
        width: 100%;
    }
}

.label-file {
    cursor: pointer;
    color: #c7c7c7;
    text-align: center;
    margin-bottom: 0;
    font-size: var(--body-S);
}

    .label-file::before {
        content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-upload-accordeon-CATS.svg");
        position: relative;
        top: 3px;
        margin-right: 0px;
    }

    .label-file:hover::before {
        content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-upload-accordeon-hover-CATS.svg");
        position: relative;
        top: 3px;
        margin-right: 0px;
    }

@media screen and (min-width: 319px) and (max-width: 550px) {

    .label-file::before {
        margin-left: 10px;
    }
}

.input-file {
    display: none;
}

/* INPUT FILE*/
@media screen and (min-width: 319px) and (max-width: 550px) {

    .suivreMesDoc .blocRembousementEnCours,
    .suivreMesDoc .blocRemboursementClos {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    .suivreMesDoc .card .card-header button.collapsed .rotate-icon::after {
        top: 5px;
    }
}

/* accoedeon*/

/* 20/06/2023 Document a bien ete charge TOASTER */
.roleAlert {
    position: fixed;
    top: 12%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    margin: 20px auto 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--bleu-lbp);
    width: 96%;
    max-width: 1012px;
    min-width: 300px;
    border-radius: 15px;
    color: var(--white);
    padding: 10px;
}

    .roleAlert.active {
        display: none !important;
    }

    .roleAlert .btn-close-alert {
        position: relative;
        top: 3px;
        margin-left: 10px;
        background: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-btnCLose.svg") no-repeat;
        background-size: 90%;
        width: 35px;
        height: 36px;
        opacity: 1;
        box-sizing: border-box;
        border: none;
    }

    .roleAlert p {
        flex-grow: 1;
        text-align: center;
        margin: 0;
    }

@media screen and (min-width:320px) and (max-width:775px) {
    .roleAlert .btn-close-alert {
        display: flex;
        align-items: center;
        justify-content: center;
        background: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-btnCLose.svg") no-repeat;
        background-size: 90%;
        position: relative;
    }
}
/* 20/06/2023 Document a bien ete charge TOASTER */
/* ERREUR DE DOC */
.roleAlertWarning {
    position: fixed;
    top: 12%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    margin: 20px auto 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--bg-bloc-warning);
    width: 96%;
    max-width: 1012px;
    min-width: 300px;
    border-radius: 15px;
    color: var(--white);
    padding: 10px;
}

    .roleAlertWarning .formatNonAccepte {
        color: var(--font-color);
        font-size: var(--body-S);
        padding-left: 10px;
        width: 80%;
    }

        .roleAlertWarning .formatNonAccepte p:last-child {
            margin-left: 32px;
        }

    .roleAlertWarning .textVisible {
        line-height: 1.2;
        font-size: var(--body-S);
        color: var(--font-color);
    }

        .roleAlertWarning .textVisible::before {
            content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-infoBulleRouge.svg");
            margin-right: 10px;
        }

    .roleAlertWarning.active {
        display: none !important;
    }

    .roleAlertWarning .btn-close-alert {
        margin-left: auto;
        position: absolute;
        right: 1%;
        top: 50%;
        transform: translate(-50%, -50%);
        flex-grow: 1;
        background: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-btnCLose.svg") no-repeat;
        width: 35px;
        height: 36px;
        opacity: 1;
        box-sizing: border-box;
        border: none;
    }

@media screen and (min-width:551px) and (max-width:1200px) {
    .roleAlertWarning {
        width: 96%;
    }

        .roleAlertWarning .textVisible {
            width: 100%;
        }
}

@media (max-width:550px) {
    .roleAlertWarning .formatNonAccepte p {
        font-size: var(--body-XS);
    }

    .roleAlertWarning .formatNonAccepte {
        padding-left: 10px;
    }
}
/* ERREUR DE DOC */
/*demande de rembousement dossier */
/* Landing Connecte Via COmpte */
.btnOutlinePicto::before {
    content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-pdf.svg");
    position: relative;
    top: 2px;
    left: -7px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bgColorightBlue .flexCenter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.containerConnecteViaCompte .flexCenter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}


/* Landing Connecte Via COmpte */
/*RAJOUT LE 12072021 - demande de remboursement Modal START */
#remboursementModal .modal-header,
#nouvelleDemandeModal .modal-header {
    background-color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}

#nouvelleDemandeModal .modal-header {
    padding: 1rem 1.5rem;
}

#nouvelleDemandeModal .modal-body {
    padding: 1rem 1.5rem;
}

#remboursementModal .close,
#nouvelleDemandeModal .close {
    opacity: 1;
}

#remboursementModal .modal-title,
#nouvelleDemandeModal .modal-title {
    font-size: var(--heading-S);
    color: var(--font-color-titre);
    font-weight: 700;
}

#remboursementModal .modalSoustitle,
#nouvelleDemandeModal .modalSoustitle {
    font-size: var(--body-S);
    color: var(--font-color);
    font-weight: 500;
}

#remboursementModal .titleForm,
#nouvelleDemandeModal .titleForm {
    font-size: var(--body-M);
    color: var(--font-color-titre);
    font-weight: 600;
}

#remboursementModal .sousTitleStep,
#nouvelleDemandeModal .sousTitleStep {
    font-size: var(--body-S);
    color: var(--font-color);
    font-weight: 500;
}

#remboursementModal .form-group {
    width: 80%;
}

#remboursementModal .pmd-textfield .form-control {
    width: 100%;
}

#remboursementModal .form-group.pmd-textfield .etoile {
    /* position: absolute;
    display: inline-block;
    right: 0;
    top: 25px; */
    display: none;
}

#remboursementModal .form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#remboursementModal .modal-header.headerAccesPortail {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#remboursementModal .modal-footer.footerAccesPortail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 0px;
}

#remboursementModal .modal-footer .btnAnnule {
    border-radius: 6px;
    background-color: var(--white);
    color: #1F368B;
    padding: 8px 20px;
    border: 1px solid #1F368B;
    outline: none;
}

#remboursementModal .modal-footer .btnVersPortail {
    border-radius: 6px;
    background-color: #1F368B;
    border: 1px solid #1F368B;
    color: var(--white);
    padding: 8px 20px;
    outline: none;
}


@media (min-width: 576px) {
    .modal-dialog {
        max-width: 600px;
        /* margin: 1.75rem auto; */
    }
}

/*RAJOUT LE 12072021 - demande de remboursement Modal - END*/
/* MON PROFIL */
.containerMonProfil {
    display: flex;
    justify-content: center;
    flex-direction: column;
    background-color: var(--white);
    padding: 22px 0 22px 30px;
    width: 96%;
    max-width: 1012px;
    min-width: 300px;
    margin: 0 auto;
    position: relative;
    border-radius: 10px;
    border: 1px solid var(--border-gray-lbp);
    box-shadow: 0px 0px 6px rgba(35, 35, 35, 0.06);
}

    .containerMonProfil h1 {
        font-size: var(--heading-L);
        color: var(--font-color-titre);
        font-weight: 700;
        margin: 0;
    }

@media (max-width:767px) {
    .containerMonProfil {
        margin: 20px auto 0px;
    }
}

.blocMesInfo {
    margin-top: 24px;
}

.blocMesCartes {
    margin-top: 30px;
}

.textmonCompte {
    font-size: var(--body-S);
    font-weight: 700;
}

.btnMonCompteCard {
    border: 1px solid var(--border-gray-lbp);
    background: none;
    font-size: var(--body-S);
    padding: 2px 15px;
    border-radius: 6px;
    color: var(--font-color-titre);
    font-weight: 600;
}

.pictoMod::before {
    content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-crayon-modif.svg");
    margin-right: 10px;
}

.pictoDel::before {
    content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-pictoDel.svg");
    margin-right: 10px;
}

.pictoDelProfil::before {
    content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-pictoDel-profil.svg");
    margin-right: 10px;
}

.compteBoxCard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 0px;
}

.compteNameCard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.compteNameBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.compteNameNumber {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.compteSwitchCard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.cardName {
    margin-right: 10px;
}

@media screen and (max-width: 841px) {
    .compteNameNumber {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .compteNameCard {
        margin-top: 10px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .compteBoxCard {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .compteNameBtn {
        margin: 15px 0px;
    }

    .btnMonCompteCard:first-child {
        margin-bottom: 10px;
    }
}

.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 26px;
}

input.radioSwitch {
    display: none;
}

.slider {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ececec;
    border-radius: 55px;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

    .slider:before {
        content: '';
        position: absolute;
        top: 2px;
        left: 2px;
        width: 22px;
        height: 22px;
        background: var(--white);
        border-radius: 40px;
        -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

input:checked + .slider {
    background: var(--bleu-lbp);
}

    input:checked + .slider:before {
        -webkit-transform: translateX(24px);
        transform: translateX(24px);
    }

.blocBoutonAjoutSupp .btnAjout,
.blocBoutonAjoutSupp .btnAjout:active {
    background-color: var(--white);
    border: 1px solid var(--border-gray-lbp);
    border-radius: 6px;
    color: var(--font-color-titre);
    font-size: var(--body-S);
    padding: 8px 10px;
    outline: none;
    font-weight: 600;
}

    .blocBoutonAjoutSupp .btnAjout::before {
        content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-pictoAdd.svg");
        margin-right: 5px;
    }

.blocBoutonAjoutSupp .btnDelete,
.blocBoutonAjoutSupp .btnDelete:active {
    background-color: var(--white);
    border: 1px solid var(--msgError);
    border-radius: 6px;
    color: var(--msgError);
    font-size: var(--body-S);
    padding: 8px 10px;
    font-weight: 600;
}

    .blocBoutonAjoutSupp .btnDelete::before {
        content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-pictoDel.svg");
        position: relative;
        top: 3px;
        margin-right: 5px;
    }

.ajoutNewCarte {
    display: none;
}

    .ajoutNewCarte.active {
        display: block;
    }

#btnDeleteAssure {
    display: none;
}

#counterCarte {
    font-size: var(--body-XS);
}

.dNoneAjoutCarte {
    display: none;
}

.dBlockAjoutCarte {
    display: block;
}

.dNoneModifCarte {
    display: none;
}

.dBlockModifCarte {
    display: block;
}

#blocAfficheodifCard-1 {
    display: none;
}

.inputReadOnly input::-webkit-input-placeholder {
    font-size: var(--heading-S) !important;
    color: #c7c7c7;
}

.inputReadOnly input:-ms-input-placeholder {
    font-size: var(--heading-S) !important;
    color: #c7c7c7;
}

.inputReadOnly input::-ms-input-placeholder {
    font-size: var(--heading-S) !important;
    color: #c7c7c7;
}

.inputReadOnly input::placeholder {
    font-size: var(--heading-S) !important;
    color: #c7c7c7;
}

.btnValidAjoutBene:disabled {
    color: var(--txt-disabled);
    background-color: var(--color-disabled);
    border: none;
}

/* Groupe Modif Carte */
.groupModifCarteNumber {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .groupModifCarteNumber .pmd-textfield .form-control {
        position: relative;
        width: 100%;
        height: 50px;
        padding: 0px 40px 0px 16px;
        margin-bottom: 0;
        font-size: var(--heading-S);
        background: transparent !important;
        border: none;
        border: solid 1px var(--border-input-lbp);
        border-radius: 4px !important;
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .groupModifCarteNumber .form-group.pmd-textfield {
        width: 50%;
    }

.groupModifCarte {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .groupModifCarte .pmd-textfield .form-control {
        position: relative;
        width: 100%;
        height: 50px;
        padding: 0px 35px 0px 15px;
        margin-bottom: 0;
        background: transparent !important;
        border: none;
        border: solid 1px var(--border-input-lbp);
        border-radius: 4px !important;
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .groupModifCarte .pmd-textfield-focused {
        position: relative;
        top: -1px;
        margin-bottom: 0;
        z-index: 2;
        display: block;
        border: none;
        width: 100%;
        height: 1px;
        -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
        transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
        transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
        transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }

    .groupModifCarte .form-group.pmd-textfield .etoile {
        /* position: absolute;
    display: inline-block;
    right: 13px;
    top: 5px;
    z-index: 999; */
        display: none;
    }

    .groupModifCarte .form-group.pmd-textfield {
        width: 50%;
    }

    .groupModifCarte .pmd-textfield-floating-label.pmd-textfield-floating-label-completed label {
        font-size: var(--body-XS);
        color: #C9C9C9;
        margin-left: 15px;
        -webkit-transform: translateY(7px);
        transform: translateY(7px);
        position: relative;
        z-index: 98;
    }

    .groupModifCarte .pmd-textfield-floating-label label {
        margin-bottom: 0px;
        margin-left: 15px;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    .groupModifCarte .pmd-textfield.has-success .form-control {
        color: var(--font-color);
        border-color: var(--msgSuccess);
    }



    .groupModifCarte .pmd-textfield.has-error .form-control {
        color: var(--font-color);
        border-color: var(--msgError);
    }


@media screen and (min-width: 319px) and (max-width: 600px) {
    .groupModifCarte {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .groupModifCarte .pmd-textfield.form-control {
            width: 100%;
        }

        .groupModifCarte .form-group.pmd-textfield {
            width: 100%;
            margin-right: 0;
        }

        .groupModifCarte .form-group:nth-child(2) {
            margin-top: 1rem;
        }

    .groupModifCarteNumber .form-group.pmd-textfield {
        width: 100%;
    }
}

/* Groupe Modif carte */
/* MON PROFIL */
/* FAQ */
.containerFAQSearch {
    background-color: var(--white);
    padding: 15px;
    width: 96%;
    max-width: 1012px;
    min-width: 300px;
    margin: 0px auto 0px;
    position: relative;
    border: 1px solid var(--border-gray-lbp);
    box-shadow: 0px 0px 6px rgba(35, 35, 35, 0.06);
    border-radius: 10px;
}

@media (max-width:767px) {
    .containerFAQSearch {
        margin: 20px auto 0px;
    }
}

.containerFAQtitle {
    background-color: var(--bg-faq);
    padding: 15px 0px 15px 0px;
    width: 96%;
    max-width: 1012px;
    min-width: 300px;
    margin: 20px auto 0px;
    position: relative;
    /* border: 1px solid var(--border-gray-lbp); */
    box-shadow: 0px 0px 6px rgba(35, 35, 35, 0.06);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.containerReponse {
    background-color: var(--white);
    padding: 5px 0px 15px 0px;
    width: 96%;
    max-width: 1012px;
    min-width: 300px;
    margin: 0px auto 0px;
    position: relative;
    border: 1px solid var(--border-gray-lbp);
    box-shadow: 0px 0px 6px rgba(35, 35, 35, 0.06);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.containerFAQtitle h3 {
    color: var(--white);
    margin: 0;
    font-size: var(--heading-M);
}

.faq h1 {
    font-size: var(--heading-M);
    color: var(--font-color-titre);
    font-weight: 700;
}

.faqQuestion {
    padding: 0 20px;
}

.faqReponse {
    padding: 0 20px;
}

    .faqReponse h5 {
        color: #1F368B;
        font-size: var(--heading-M);
        font-weight: 600;
    }

    .faqReponse p {
        color: var(--font-color);
        font-size: var(--body-M);
        font-weight: 500;
    }


.faqQuestion .btn,
.faqQuestion .btn-link:hover {
    text-decoration: none;
}


.faqQuestion .card {
    border: none;
    background-color: #F5F5F5;
}

    .faqQuestion .card .collapse {
        background: none;
    }

.faqQuestion .dividerHr {
    border-bottom: 1px solid var(--border-UploadFichier);
}

.faqQuestion .cardB:last-child .dividerHr {
    border-bottom: none;
}

.faqQuestion .card-body {
    padding: 15px 0;
    cursor: pointer;
    font-size: var(--body-M);
    font-weight: 700;
}

    .faqQuestion .card-body p {
        font-weight: 700;
    }

.faqQuestion .reponseAssistance ul {
    margin-top: 5px;
    padding-left: 20px;
    font-size: var(--body-S);
}

.faqQuestion a {
    color: #3B51D5;
}

.card-body.choix.active-choix {
    color: var(--font-color-titre);
}

.reponseAssistance .panneau {
    display: none;
}

.reponseAssistance .panneau-active {
    display: block;
}

.reponseAssurance .panneauAssurance {
    display: none;
}

.reponseAssurance .panneauAssurance-active {
    display: block;
}

.faq .input-group-text {
    background: transparent;
    border-right: 0px;
}

    .faq .input-group-text::after {
        content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-search.svg");
        width: 25px;
        height: 24px;
        z-index: 10;
    }

.faq .form-control {
    border-left: 0px;
}

.faq input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    height: 24px;
    width: 24px;
}

.faq input[type=search]:-webkit-autofill,
.faq input[type=search]:-webkit-autofill:hover,
.faq input[type=search]:-webkit-autofill:active,
.faq input[type=search]:-webkit-autofill:focus {
    box-shadow: 0 0 0 1000px var(--white) inset !important;
    -webkit-box-shadow: 0 0 0 1000px var(--white) inset !important;
}
/* .faq input[type=search]:not(:placeholder-shown)::-webkit-search-decoration {
    -webkit-appearance: none;
    display: none;
} */
.reponseAssistance .panneau {
    padding: 15px 10px;
    border-bottom: 1px solid var(--border-UploadFichier);
    background-color: var(--bleu-tuile);
}

.dividerHr:last-child {
    border-bottom: 0px solid var(--border-UploadFichier);
}

.motCle {
    background-color: var(--bleu-lbp);
}

#accordionAssistance .btn.focus,
.btn:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* FAQ */
/* CONTACT */
.containerContact {
    background-color: var(--white);
    padding: 15px 15px 15px 30px;
    width: 96%;
    max-width: 1012px;
    min-width: 300px;
    margin: 0 auto;
    border-radius: 10px;
    position: relative;
    border: 1px solid var(--border-gray-lbp);
    box-shadow: 0px 0px 6px rgba(35, 35, 35, 0.06);
}

.containerContactBtn {
    width: 96%;
    max-width: 720px;
    min-width: 300px;
}

.containerContact h1 {
    font-size: var(--heading-L);
    color: var(--font-color-titre);
    font-weight: 700;
    margin: 0;
}

@media (max-width:767px) {
    .containerContact {
        margin: 20px auto 0px;
    }
}

.contactBlocHauteur {
    margin-top: 128px;
}

.contact h4 {
    font-size: var(--heading-S);
    font-weight: 700;
    color: var(--font-color-titre);
    display: inline-block;
    padding: 5px 0px;
    margin-top: 25px;
}

.contact p {
    font-size: var(--body-S);
    margin: 5px 0px;
    line-height: var(--lineHeight-S);
}

.contact a {
    color: #3B51D5;
}

.contact ul li {
    margin-left: 17px;
    padding: 0px;
    font-size: var(--body-S);
}

/* CONTACT */
/* RAJOUT 13072021 */
.filetSouligner p.sousTitleStep::after {
    content: "";
    display: none;
    border: 0;
    height: 3px;
    background: #2ED4D4;
    width: 50px;
    margin-top: 5px;
}

/*------------------ PARTIE CONNEXION ------------*/
.LabelConnexion {
    width: 550px;
}

.LabelCreationCompte {
    width: 577px;
}


    /* RAJOUT 19072021 */
    .LabelConnexion label,
    .LabelCreationCompte label {
        font-size: var(--heading-S);
        text-transform: uppercase;
        color: var(--font-color);
    }

.groupAdresse.LabelConnexion .pmd-textfield .form-control,
.groupAdresse.LabelCreationCompte .pmd-textfield .form-control {
    border-bottom: 1px solid var(--font-color);
}

/* RAJOUT 19072021 */
@media screen and (max-width: 450px) {

    .LabelConnexion label,
    .LabelCreationCompte label {
        font-size: var(--body-M);
    }
}

/* RAJOUT 19072021 */
.rememberMeConnexion label {
    font-size: var(--body-XS);
    color: var(--font-color);
}

.mdpOublierConnexion {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 523px;
}

.tooltipConnexion {
    position: relative;
    top: 10px;
}

.mdpOublierConnexion .custom-control-label::before {
    top: .05px;
}

.mdpOublierConnexion .custom-control-label::after {
    top: .05px;
}

@media screen and (min-width: 401px) and (max-width: 769px) {
    .LabelConnexion {
        width: 548px;
    }

    .LabelCreationCompte {
        width: 573px;
    }
}

@media screen and (min-width: 319px) and (max-width: 400px) {
    .LabelConnexion {
        width: 316px;
    }

    .LabelCreationCompte {
        width: 320px;
    }

    /* RAJOUT 19072021 */
    .landBtnConnexionCompte .landBtnConnection {
        font-size: 22px;
    }

    /* RAJOUT 19072021 */
}

@media screen and (min-width: 319px) and (max-width: 325px) {
    .LabelConnexion {
        width: 260px;
    }

    .LabelCreationCompte {
        width: 270px;
    }
}

/*------------------ PARTIE CONNEXION ------------*/
.hpGaucheConnexion {
    max-width: 700px;
    min-width: 300px;
    background: rgba(255, 255, 255, 0.95);
    padding: 40px 25px;
    margin: 40px auto;
}

    .hpGaucheConnexion h1 {
        font-size: var(--heading-M);
        color: #1F368B;
        text-transform: uppercase;
        font-weight: 500;
    }

    .hpGaucheConnexion h3 {
        font-size: var(--body-M);
        color: var(--font-color);
        text-transform: uppercase;
        font-weight: 700;
        margin-top: 30px;
    }

    .hpGaucheConnexion h4 {
        font-size: var(--body-M);
        color: var(--font-color);
        text-transform: uppercase;
        font-weight: 500;
    }

    .hpGaucheConnexion span {
        font-weight: 700;
    }

.txtMentionsMdp {
    font-size: var(--body-XS);
}

.txtChampsObligatoire {
    font-size: 9px;
}

.txtDateNaissance {
    font-size: var(--heading-S);
    text-transform: uppercase;
}

.mentionsLegalesCheck .custom-control-label::before {
    top: .05px;
}

.checkTxtMention {
    color: #2ED4D4;
    text-decoration: underline;
    font-weight: 700;
}

    .checkTxtMention:hover {
        color: #2ED4D4;
    }

@media screen and (max-width: 650px) {
    .hpGaucheConnexion {
        margin: 20px 10px;
    }
}

/* RAJOUT 15072021 */
/*--------------- FOOTER ------------*/

/* TODO 16/03/2023 */
footer {
    width: 100%;
    margin: 0 auto;
    padding: 20px 50px;
    background: var(--bg-footer-lbp);
}

.contentFooter {
    max-width: 1010px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

footer a {
    color: var(--color-footer);
    font-weight: 600;
    text-decoration: none;
    font-size: var(--body-XS);
}

    footer a:hover {
        color: var(--color-footer);
        text-decoration: none;
    }

.footerFixed {
    flex-shrink: 0;
}

.navlinks-mentions {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .navlinks-mentions a {
        font-weight: 600;
    }

        .navlinks-mentions a:first-child {
            margin-left: 0;
        }

.navlinks-contact {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pipeFooter {
    color: var(--bg-footer-lbp);
    margin: 0px 20px;
}

.lienFAQ {
    color: var(--color-footer);
    font-weight: 600;
}

    .lienFAQ:hover {
        color: var(--color-footer);
    }

.pipeFooterMob {
    color: var(--bg-footer-lbp);
    margin: 0px 20px;
}

@media screen and (max-width: 768px) {
    footer {
        padding: 10px 0px 25px 0px;
    }

    .contentFooter {
        flex-direction: column;
    }

    .navlinks-contact {
        margin-left: 0;
    }

    .navlinks-mentions {
        width: 100%;
        margin: 10px 0px 10px;
        display: flex;
        flex-direction: column;
        text-align: center;
        order: 2;
        box-shadow: inset 0 1px 0 var(--white);
    }

    .pipeFooter {
        display: none;
    }

    .navlinks-mentions a:nth-child(1) {
        margin: 20px 0px 0px 0px;
    }

    .navlinks-mentions a:nth-child(3) {
        margin: 20px 10px 0px 10px;
    }

    .navlinks-mentions a {
        margin: 15px 0px 0px;
    }
}

/* TODO 16/03/2023 */
.FilArianeFooter {
    display: none;
}

/* Menu Footer mobile fil Ariane*/
@media screen and (min-width: 319px) and (max-width: 767px) {
    .FilArianeFooter {
        width: 100%;
        background-color: var(--nav-footer-lbp);
        height: 75px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-transform: uppercase;
        font-size: 11px;
        position: -webkit-sticky;
        position: sticky;
        bottom: 0px;
        z-index: 2;
    }

        .FilArianeFooter .itemsMenuFooter {
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            align-items: center;
            text-align: center;
            color: var(--white);
            height: 75px;
            padding: 10px;
            width: 33%;
        }

            .FilArianeFooter .itemsMenuFooter a {
                color: var(--white);
                text-decoration: none;
            }

            .FilArianeFooter .itemsMenuFooter:hover {
                border-top: 5px solid var(--white);
                color: var(--white);
            }

            .FilArianeFooter .itemsMenuFooter.active {
                border-top: 5px solid var(--white);
                color: var(--white);
            }

                .FilArianeFooter .itemsMenuFooter.active a {
                    color: var(--white);
                    font-weight: 700;
                }

        .FilArianeFooter .menuFooterAccueil::before {
            content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-picto-home-footer-mobile.svg");
            display: block;
        }

        .FilArianeFooter .menuFooterAccueil.active::before {
            content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-picto-home-footer-mobile.svg");
            display: block;
        }

    .filArianeMobile {
        display: none;
    }

    .containerTitleBlanc {
        margin-top: 27px;
    }

        .containerTitleBlanc .titleBlocLight,
        .containerTitleBlanc .titleBlocBold {
            font-size: var(--heading-M);
        }
}

@media screen and (min-width: 319px) and (max-width: 376px) {
    .FilArianeFooter {
        font-size: 10px;
    }

    .filArianeMobile {
        display: none;
    }

    .containerTitleBlanc {
        margin-top: 27px;
    }

        .containerTitleBlanc .titleBlocLight,
        .containerTitleBlanc .titleBlocBold {
            font-size: var(--heading-M);
        }
}

/* FOOTER */
@media screen and (max-width: 767px) {
    #tarteaucitronAlertSmall {
        bottom: 78px;
    }
}

/* RAJOUT 30072021 START */
/*connecte bin tuile haute gauche start */
.connecteBinTuileUpleft {
    background-color: var(--bleu-tuile);
    /* border: 1px solid var(--border-gray-lbp); */
    box-shadow: 0px 0px 6px rgba(35, 35, 35, 0.06);
    position: relative;
    height: 220px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.obtenirAttestationColor2 {
    background-color: var(--border-gray-lbp);
}

@media (max-width:500px) {
    .connecteBinTuileUpleft {
        height: 240px;
    }
}

.connecteBinTuileUpleft h2 {
    font-weight: 700;
    font-size: var(--heading-M);
    color: var(--font-color-titre);
    width: 100%;
    text-transform: inherit;
}

/* .connecteBinTuileUpleft h2::before {
    content: '';
    border-left: 9px solid;
    margin-right: 16px;
} */

/* pas besoin pour LCL*/
/* pas besoin pour LCL*/
.connecteBinTuileUpleft p {
    font-weight: 500;
    color: var(--font-color);
    font-size: var(--body-S);
    line-height: var(--lineHeight-S);
    /* margin-top: 32px; */
}

.connecteBinTuileUpleft .buttonBinUpLeft {
    background-color: #3B51D5;
    border-radius: 999px;
    font-size: var(--body-M);
    font-weight: 500;
    border: none;
    padding: 10px 5px;
    margin-top: 15px;
}

@media screen and (max-width: 800px) {
    .connecteBinTuileUpleft p {
        text-align: center !important;
    }

    .connecteBinTuileUpleft h2 {
        text-align: center !important;
    }

    /* .connecteBinTuileUpleft {
        -webkit-box-shadow: 0px 0px 6px #e9e9e9;
        box-shadow: 0px 0px 6px #e9e9e9;
    } */
}

/*connecte bin tuile haute gauche end */
/*connecte bin tuile haute droite start */
.connecteBinTuileUpRight {
    background-color: var(--bleu-tuile);
    /* border: 1px solid var(--border-gray-lbp); */
    box-shadow: 0px 0px 6px rgba(35, 35, 35, 0.06);
    position: relative;
    height: 220px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

@media (max-width:500px) {
    .connecteBinTuileUpRight {
        height: 230px;
    }
}

.connecteBinTuileUpRight h2 {
    font-weight: 700;
    font-size: var(--heading-M);
    color: var(--font-color-titre);
    width: 100%;
    text-transform: inherit;
}

/* .connecteBinTuileUpRight h2::before {
    content: '';
    border-left: 9px solid;
    margin-right: 16px;
} */

/* pas besoin pour LCL*/
/* pas besoin pour LCL*/
.connecteBinTuileUpRight p {
    font-weight: 500;
    color: var(--font-color);
    font-size: var(--body-S);
    line-height: var(--lineHeight-S);
    /* margin-top: 32px; */
}

.connecteBinTuileUpRight .buttonBinUpRight {
    background-color: #3B51D5;
    border-radius: 999px;
    font-size: var(--body-M);
    font-weight: 500;
    border: none;
    padding: 10px 5px;
    margin-top: 15px;
}

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

    /* .connecteBinTuileUpRight p {
        text-align: left;
    } */
    .connecteBinTuileUpRight .mt-3 {
        margin-top: 20px !important;
    }

    .connecteBinTuileUpRight p {
        text-align: center !important;
    }

    .connecteBinTuileUpRight h2 span {
        display: block;
        margin-left: 21px;
    }

    /* .connecteBinTuileUpRight {
        -webkit-box-shadow: 0px 0px 6px #e9e9e9;
        box-shadow: 0px 0px 6px #e9e9e9;
    } */
}

/*connecte-bin tuile haute droite end */
/*connecte-bin tuile Basse gauche start */
.connecteBinTuileDownleft {
    background-color: var(--bleu-tuile);
    /* border: 1px solid var(--border-gray-lbp); */
    box-shadow: 0px 0px 6px rgba(35, 35, 35, 0.06);
}

    .connecteBinTuileDownleft h2 {
        font-weight: 700;
        font-size: var(--heading-M);
        color: var(--font-color-titre);
        width: 100%;
        text-transform: inherit;
    }

    .connecteBinTuileDownleft p {
        font-weight: 500;
        color: var(--font-color);
        font-size: var(--body-S);
        line-height: var(--lineHeight-S);
    }
    /* CATS */
    .connecteBinTuileDownleft .buttonBinDownLeft {
        background-color: transparent;
        border: none;
        color: var(--bleu-lbp);
        text-decoration: underline;
        font-size: var(--body-S);
        padding: 5px 10px;
        margin-top: 5px;
        text-align: left;
        display: flex;
        align-items: center;
    }
/* CATS */
@media screen and (max-width: 800px) {
    .connecteBinTuileDownleft p {
        text-align: center;
    }

    .connecteBinTuileDownleft h2 {
        text-align: center;
    }

    .connecteBinTuileDownleft .centerBtn {
        margin: 10px 0 0 0;
    }

    .connecteBinTuileDownleft {
        -webkit-box-shadow: 0px 0px 6px #e9e9e9;
        box-shadow: 0px 0px 6px #e9e9e9;
    }
}

/*connecte-bin tuile Basse gauche end */
/*connecte-bin tuile Basse droite start */
.connecteBinTuileDownRight {
    display: none;
    background-color: var(--white);
    border: 1px solid var(--border-gray-lbp);
    box-shadow: 0px 0px 6px rgba(35, 35, 35, 0.06);
    height: 220px;
    /* display: flex;
    flex-direction: column;
    align-items: flex-start; */
}

@media screen and (min-width:350px) and (max-width:424px) {
    .connecteBinTuileDownRight {
        height: 260px;
    }
}

.connecteBinTuileDownRight h2 {
    font-weight: 700;
    font-size: var(--heading-M);
    color: var(--font-color-titre);
    width: 100%;
    text-transform: inherit;
}

.connecteBinTuileDownRight p {
    font-weight: 500;
    color: var(--font-color);
    font-size: var(--body-S);
    line-height: var(--lineHeight-S);
}

    .connecteBinTuileDownRight p span:first-child {
        font-weight: 700;
        color: var(--white);
    }

    .connecteBinTuileDownRight p span:last-child {
        font-weight: 700;
        color: #2ED4D4;
    }

@media screen and (max-width: 800px) {
    .connecteBinTuileDownRight p {
        text-align: center;
    }

    .connecteBinTuileDownRight h2 {
        text-align: center;
    }

    .connecteBinTuileDownRight {
        -webkit-box-shadow: 0px 0px 6px #e9e9e9;
        box-shadow: 0px 0px 6px #e9e9e9;
    }
}

/*connecte-bin tuile Basse droite end */
/* Nouvelle tuile CAMCA LOT2 */
.connecteBinTuileLot2 {
    background-color: var(--bleu-tuile);
    /* border: 1px solid var(--border-gray-lbp); */
    box-shadow: 0px 0px 6px rgba(35, 35, 35, 0.06);
    height: 220px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

@media (max-width:500px) {
    .connecteBinTuileLot2 {
        height: 245px;
    }
}

.connecteBinTuileLot2 h2 {
    font-weight: 700;
    font-size: var(--heading-M);
    color: var(--font-color-titre);
    width: 100%;
    text-transform: inherit;
}

.connecteBinTuileLot2 p {
    font-weight: 500;
    color: var(--font-color);
    font-size: var(--body-S);
}

.connecteBinTuileLot2 .mt-3 {
    margin-top: auto !important;
}

.connecteBinTuileLot2 p span:first-child {
    font-weight: 700;
    color: var(--font-color);
}

.connecteBinTuileLot2 p span:last-child {
    font-weight: 700;
    color: #2ED4D4;
}

@media screen and (max-width: 800px) {
    .connecteBinTuileLot2 p {
        text-align: center;
    }

    .connecteBinTuileLot2 h2 {
        text-align: center;
    }

    .connecteBinTuileLot2 {
        -webkit-box-shadow: 0px 0px 6px #e9e9e9;
        box-shadow: 0px 0px 6px #e9e9e9;
    }
}

/* Nouvelle tuile CAMCA LOT2 */

/* RAJOUT 30072021 END */

/* RAJOUT 06082021 */
/* page attestation */
.titleAttestation h2 {
    color: #1F368B;
    font-weight: 700;
    text-transform: none;
}

    .titleAttestation h2 span {
        font-weight: 700;
    }

@media screen and (min-width: 319px) and (max-width: 767px) {
    .titleAttestation h2 {
        font-size: var(--heading-M);
    }
}
/* PAGE ATTESTATION */

/* PAGE REMBOURSEMENT */
.titleRemboursement h2 {
    color: var(--font-color);
    font-weight: 700;
    text-transform: none;
}

    .titleRemboursement h2 span {
        font-weight: 700;
    }

@media screen and (min-width: 319px) and (max-width: 767px) {
    .titleAttestation h2 {
        font-size: var(--heading-M);
    }
}

/* TODO 15/03/2023 */
.containerRemboursement h2 {
    color: var(--font-color);
    font-weight: 700;
    font-size: var(--heading-S);
    text-transform: none;
}

@media (max-width:550px) {

    /* .titleRemboursement h1 {
        font-size: var(--heading-M);
        text-align: center;
    } */
    .containerRemboursement h2 {
        font-size: var(--body-M);
    }
}

/* haut gauche */
.remboursementTuileUpLeft {
    background: var(--bleu-tuile);
    position: relative;
    /* border: 1px solid var(--border-gray-lbp); */
    box-shadow: 0px 0px 6px rgba(35, 35, 35, 0.06);
}

    .remboursementTuileUpLeft .justify-content-center {
        justify-content: left !important;
    }

    .remboursementTuileUpLeft .titleChapeau {
        color: var(--font-color);
        font-size: var(--heading-S);
        font-weight: 700;
        line-height: 24px;
    }

    .remboursementTuileUpLeft .sousChapeau {
        font-size: var(--body-S);
        font-weight: 500;
        color: var(--font-color);
    }

        .remboursementTuileUpLeft .sousChapeau strong {
            font-size: var(--body-S);
            font-weight: 700;
            color: var(--font-color);
        }

    .remboursementTuileUpLeft .titleListePuce {
        font-size: var(--body-S);
        font-weight: 700;
        color: var(--font-color);
    }

    .remboursementTuileUpLeft .listCoche {
        list-style: none;
        margin: 20px 0px 0px 0px !important;
        font-weight: 500;
    }


    .remboursementTuileUpLeft ul {
        padding-left: 10px !important;
    }

    .remboursementTuileUpLeft .listCoche {
        list-style: none;
        margin: 20px 0px 0px 0px !important;
        font-weight: 500;
    }

        .remboursementTuileUpLeft .listCoche li {
            list-style: none;
            color: var(--font-color);
            display: flex;
            align-items: center;
            font-size: var(--body-S);
            line-height: var(--lineHeight-S);
        }
            /* CATS */
            .remboursementTuileUpLeft .listCoche li::before {
                content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-bulletPoint.svg");
                position: relative;
                top: -2px;
                right: 7px;
            }
    /* CATS */
    .remboursementTuileUpLeft .buttonRemboursementTuileUpLeft {
        background-color: #2ED4D4;
        border-radius: 999px;
        font-size: var(--body-M);
        border: none;
        padding: 5px 5px;
    }

    .remboursementTuileUpLeft .buttonGreenTxt {
        width: 100%;
        max-width: 350px;
        min-width: 250px;
        color: var(--white);
        text-transform: none;
        font-size: var(--body-S);
        text-align: center;
        margin: 0 auto;
        font-weight: 300;
    }

@media screen and (max-width: 1000px) {
    .remboursementTuileUpLeft .titleChapeau.centerTxt {
        text-align: center;
    }

    .remboursementTuileUpLeft .sousChapeau.centerTxt {
        text-align: left;
    }

    .remboursementTuileUpLeft {
        margin-top: 20px;
    }

        .remboursementTuileUpLeft::before {
            height: 60px;
        }

        .remboursementTuileUpLeft .justify-content-center {
            justify-content: center !important;
        }
}

/* haut gauche */
/* haut droit */
.remboursementTuileUpRight {
    background: var(--bleu-tuile);
    position: relative;
    /* border: 1px solid var(--border-gray-lbp); */
    box-shadow: 0px 0px 6px rgba(35, 35, 35, 0.06);
}

    .remboursementTuileUpRight .justify-content-center {
        justify-content: left !important;
    }

    /* .remboursementTuileUpRight::before {
    content: ' ';
    position: absolute;
    top: 26px;
    left: 0;
    height: 55px;
    width: 8px;
    border-left: 8px solid #FFA702;
} */

    .remboursementTuileUpRight .titleChapeau {
        color: var(--font-color);
        font-size: var(--heading-S);
        font-weight: 700;
        line-height: 24px;
    }

    .remboursementTuileUpRight .sousChapeau {
        font-size: var(--body-S);
        font-weight: 300;
        color: var(--font-color);
    }

        .remboursementTuileUpRight .sousChapeau strong {
            font-size: var(--body-S);
            font-weight: 700;
            color: var(--font-color);
        }

    .remboursementTuileUpRight .titleListePuce {
        font-size: var(--body-S);
        font-weight: 700;
        color: var(--font-color);
    }

    .remboursementTuileUpRight ul {
        padding-left: 10px !important;
    }

    .remboursementTuileUpRight .listCoche {
        list-style: none;
        margin: 20px 0px 0px 0px !important;
        font-weight: 500;
    }

        .remboursementTuileUpRight .listCoche li {
            list-style: none;
            color: var(--font-color);
            display: flex;
            align-items: start;
            font-size: var(--body-S);
            line-height: var(--lineHeight-S);
        }
            /* CATS */
            .remboursementTuileUpRight .listCoche li::before {
                content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-bulletPoint.svg");
                position: relative;
                right: 7px;
                top: -2px;
            }
    /* CATS */
    .remboursementTuileUpRight .buttonRemboursementTuileUpRight {
        background-color: #FFA702;
        border-radius: 999px;
        font-size: var(--body-M);
        border: none;
        padding: 5px 5px;
    }

    .remboursementTuileUpRight .buttonGreenTxt {
        width: 100%;
        max-width: 350px;
        min-width: 250px;
        color: var(--white);
        text-transform: none;
        font-size: var(--body-S);
        text-align: center;
        margin: 0 auto;
        font-weight: 300;
    }

@media screen and (max-width: 800px) {
    .remboursementTuileUpRight .titleChapeau.centerTxt {
        text-align: center;
    }

    .remboursementTuileUpRight .sousChapeau.centerTxt {
        text-align: center;
    }

    .remboursementTuileUpRight .justify-content-center {
        justify-content: center !important;
    }

    .remboursementTuileUpRight .titleListePuce {
        text-align: left;
    }
}


/* PAGE REMBOURSEMENT */
/* PAGE NOTICE */
.titleNotice h2 {
    color: var(--font-color);
    font-weight: 700;
    text-transform: none;
    font-size: var(--heading-L);
}

    .titleNotice h2 span {
        font-weight: 700;
    }

@media screen and (min-width: 319px) and (max-width: 768px) {
    .titleNotice h2 {
        font-size: var(--heading-L);
        text-align: center;
    }
}

/* haut Gauche */
.noticeTuileUpLeft {
    background-color: var(--msgSuccess);
    position: relative;
}

    /* .noticeTuileUpLeft::before {
    content: ' ';
    position: absolute;
    top: 26px;
    left: 0;
    height: 55px;
    width: 8px;
    border-left: 8px solid #2ED4D4;
} */

    .noticeTuileUpLeft .buttonNoticeTuileUpLeft {
        margin-top: 15px;
        position: relative;
        line-height: 19px;
        background: transparent;
        color: var(--white);
        border: 1px solid var(--white);
        font-size: var(--body-S);
        font-weight: 600;
        padding: 15px 22px;
        border-radius: 999px;
        outline: none;
        transition: all .3s ease-in-out;
    }

        .noticeTuileUpLeft .buttonNoticeTuileUpLeft:hover {
            background: var(--white);
            color: #009C8C;
            border: 1px solid var(--white);
        }

    .noticeTuileUpLeft p {
        color: #4A4A4A;
        font-weight: 600;
    }

    .noticeTuileUpLeft .titleListePuce {
        font-size: var(--heading-S);
        font-weight: 700;
        color: var(--white);
    }

    .noticeTuileUpLeft .listCoche {
        list-style: none;
        margin: 15px 0px 0px 0px;
        font-weight: 300;
    }

    .noticeTuileUpLeft ul.listCoche {
        padding-left: 10px !important;
    }

    .noticeTuileUpLeft .listCoche li {
        list-style: none;
        color: var(--white);
        display: flex;
        align-items: center;
        font-size: var(--body-S);
    }

.noticeTuileUpRight .buttonNoticeTuileUpRight {
    margin-top: 15px;
    position: relative;
    line-height: 19px;
    background: transparent;
    color: var(--white);
    border: 1px solid var(--white);
    font-size: var(--body-S);
    font-weight: 600;
    padding: 15px 22px;
    border-radius: 999px;
    outline: none;
    transition: all .3s ease-in-out;
}

    .noticeTuileUpRight .buttonNoticeTuileUpRight:hover {
        background: var(--white);
        color: #009C8C;
        border: 1px solid var(--white);
    }


.noticeTuileUpRight p {
    color: var(--white);
    font-weight: 600;
}

.noticeTuileUpRight .listCoche {
    list-style: none;
    margin: 15px 0px 0px 0px;
    font-weight: 300;
}

.noticeTuileUpRight .titleListePuce {
    font-size: var(--heading-S);
    font-weight: 700;
    color: var(--white);
}

.noticeTuileUpRight ul.listCoche {
    padding-left: 10px !important;
}

.noticeTuileUpRight .listCoche li {
    list-style: none;
    color: var(--white);
    display: flex;
    align-items: center;
    font-size: var(--body-S);
}

@media screen and (max-width: 800px) {
    .noticeTuileUpRight {
        margin-top: 15px;
    }
}

/* Qu est ce que la Notice d Information ? page consulter mes garanties */
.notInfor {
    color: var(--font-color);
    font-size: var(--body-M);
}

/* Qu est ce que la Notice d Information ? page consulter mes garanties */


/* haut Droite */

/* Bas */
.noticeTuileDown {
    background: #F9F9F9;
}

    .noticeTuileDown h4 {
        color: #1F368B;
        font-weight: 700;
        font-size: var(--body-M);
    }

    .noticeTuileDown .txtAttestCA {
        font-size: var(--body-S);
        color: var(--font-color);
    }

/* Bas */
/* PAGE NOTICE */
/* RAJOUT 06082021 */
/* PAGE LOGIN NON CONNECTE */
/*Non connecte up Left*/
.compteNonConnecteUptLeft {
    background-color: var(--white);
    position: relative;
}

    .compteNonConnecteUptLeft::before {
        content: ' ';
        position: absolute;
        top: 26px;
        left: 0;
        height: 55px;
        width: 8px;
        border-left: 8px solid #2ED4D4;
    }

    .compteNonConnecteUptLeft .pictoIndexBlocTop {
        background: none;
    }

    .compteNonConnecteUptLeft h2 {
        text-transform: none;
        color: #1F368B;
    }

        .compteNonConnecteUptLeft h2 span {
            text-transform: none;
            font-weight: 600;
        }

    .compteNonConnecteUptLeft .nonConnecteUpLeftTitle p {
        font-size: var(--body-M);
        font-weight: 700;
        color: #1F368B;
    }

        .compteNonConnecteUptLeft .nonConnecteUpLeftTitle p span {
            font-size: var(--body-M);
            font-weight: 700;
            color: #1F368B;
        }

    .compteNonConnecteUptLeft .nonConnecteUpLeftTitle span {
        font-size: var(--body-S);
        font-weight: 500;
        color: #4A4A4A;
    }

    .compteNonConnecteUptLeft .listCoche {
        list-style: none;
        margin: 10px 0px 0px -5px;
        padding-left: 26px;
    }

    .compteNonConnecteUptLeft .nonConnecteUpLeftSousTitle p {
        font-weight: 500;
        font-size: var(--body-S);
        color: #4A4A4A;
    }

    .compteNonConnecteUptLeft .landBtnNonConnecte .landBtnConnection {
        border: none;
        outline: none;
        background-color: #2ED4D4;
        color: var(--white);
        padding: 12px 24px;
        font-size: var(--heading-M);
        border-radius: 9999px;
    }

    .compteNonConnecteUptLeft .rememberMe label {
        font-size: var(--body-XS);
        color: #4A4A4A;
    }

    .compteNonConnecteUptLeft .mdpOublier .custom-control-input:checked ~ .custom-control-label::before {
        color: #1F368B;
        border-color: #1F368B;
        background-color: #1F368B;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    .compteNonConnecteUptLeft .mdpOublier a {
        color: #1F368B;
    }

/*rajout 09092021*/
@media screen and (max-width: 800px) {
    .compteNonConnecteUptLeft {
        -webkit-box-shadow: 0px 0px 6px #e9e9e9;
        box-shadow: 0px 0px 6px #e9e9e9;
    }
}

/*rajout 09092021*/
/*Non connecte up Left*/
/*Non connecte up Right*/
.compteNonConnecteUptRight {
    background-color: var(--white);
    position: relative;
}

    .compteNonConnecteUptRight::before {
        content: ' ';
        position: absolute;
        top: 26px;
        left: 0;
        height: 55px;
        width: 8px;
        border-left: 8px solid #FFA702;
    }

    .compteNonConnecteUptRight .pictoIndexBlocTop {
        background: none;
    }

    .compteNonConnecteUptRight h2 {
        text-transform: none;
        color: #1F368B;
    }

        .compteNonConnecteUptRight h2 span {
            text-transform: none;
            font-weight: 600;
        }

    .compteNonConnecteUptRight .nonConnecteUpLeftTitle p {
        font-size: var(--body-M);
        font-weight: 700;
        color: #1F368B;
    }

        .compteNonConnecteUptRight .nonConnecteUpLeftTitle p span {
            font-size: var(--body-M);
            font-weight: 700;
            color: #1F368B;
        }

    .compteNonConnecteUptRight .nonConnecteUpLeftTitle span {
        font-size: var(--body-S);
        font-weight: 500;
        color: #4A4A4A;
    }

    .compteNonConnecteUptRight .listCoche {
        list-style: none;
        margin: 10px 0px 0px -5px;
        padding-left: 26px;
    }

    .compteNonConnecteUptRight .nonConnecteUpLeftSousTitle p {
        font-weight: 500;
        font-size: var(--body-S);
        color: #4A4A4A;
    }

    .compteNonConnecteUptRight .blocLandBtnNonConnecte {
        margin: 0 auto;
    }

    .compteNonConnecteUptRight .buttonGreen {
        background-color: #FFA702;
        border-radius: 999px;
        font-size: var(--body-M);
        border: none;
        padding: 5px 5px;
        margin-bottom: 10px;
    }

/*Non connecte up Right*/
/* PAGE LOGIN NON CNNECTE */
/* RAJOUT 08092021 */
.mentionsLegalesCheck .custom-control-label::after {
    top: 0rem;
}

/* RAJOUT 08092021 */
/* RAJOUT 09092021 */
/* Page connecte via compte => landing-connecte-viaComte.html*/
/* haut gauche */
@media screen and (max-width: 800px) {
    .landConnecteViaCompteUpLeft.hauteurBlocMobile {
        margin-top: 128px;
    }
}

.landConnecteViaCompteUpLeft {
    background-color: var(--white);
    position: relative;
}

    .landConnecteViaCompteUpLeft h2 {
        font-weight: 700;
        font-size: var(--heading-S);
        color: #1F368B;
        position: absolute;
        left: 0;
    }

        .landConnecteViaCompteUpLeft h2::before {
            content: '';
            margin-right: 14px;
            border-left: 9px solid #2ED4D4;
        }

    .landConnecteViaCompteUpLeft p {
        font-weight: 500;
        color: var(--font-color);
        font-size: var(--body-S);
        margin-top: 40px;
    }

    .landConnecteViaCompteUpLeft .buttonBinUpLeft {
        background-color: #2ED4D4;
        border-radius: 999px;
        font-size: var(--body-M);
        font-weight: 500;
        border: none;
        padding: 10px 5px;
        margin-top: 43px;
    }

@media screen and (max-width: 800px) {
    .landConnecteViaCompteUpLeft p {
        text-align: left;
    }
}

/* haut gauche*/
/*haut droit */
.landConnecteViaCompteUpRight {
    background-color: var(--white);
    position: relative;
}

    .landConnecteViaCompteUpRight::before {
        content: ' ';
        position: absolute;
        top: 26px;
        left: 0;
        height: 45px;
        width: 9px;
        border-left: 9px solid #2ED4D4;
    }

    .landConnecteViaCompteUpRight h2 {
        font-weight: 700;
        font-size: var(--heading-S);
        color: #1F368B;
    }

    .landConnecteViaCompteUpRight p {
        font-weight: 500;
        color: var(--font-color);
        font-size: var(--body-S);
        margin-top: 10px;
    }

    .landConnecteViaCompteUpRight .buttonBinUpRight {
        background-color: #2ED4D4;
        border-radius: 999px;
        font-size: var(--body-M);
        font-weight: 500;
        border: none;
        padding: 10px 5px;
        margin-top: 15px;
    }

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

    .landConnecteViaCompteUpRight p,
    .landConnecteViaCompteUpRight h2 {
        text-align: left;
    }
}

/*haut droit */
/* milieur gauche */
.landConnecteViaCompteMiddleLeft {
    background-color: var(--white);
    position: relative;
}

    .landConnecteViaCompteMiddleLeft h2 {
        font-weight: 700;
        font-size: var(--heading-S);
        color: #1F368B;
    }

    .landConnecteViaCompteMiddleLeft p {
        font-weight: 500;
        color: var(--font-color);
        font-size: var(--body-S);
        margin-top: 5px;
        margin-bottom: 10px;
    }

    .landConnecteViaCompteMiddleLeft .buttonGreenOutline {
        background-color: transparent;
        border: none;
        color: #1F368B;
        font-size: var(--body-S);
        /*padding: 10px 15px;*/
        margin-top: 5px;
    }

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

    .landConnecteViaCompteMiddleLeft p,
    .landConnecteViaCompteMiddleLeft h2 {
        text-align: left;
    }
}

/* milieur gauche */
/*milieu droit*/
.landConnecteViaCompteMiddleRight {
    background-color: var(--white);
    position: relative;
}

    .landConnecteViaCompteMiddleRight .pictoVerrou::before {
        content: '';
        width: 0;
        height: 0;
        margin-right: 0;
    }

    .landConnecteViaCompteMiddleRight h2 {
        font-weight: 700;
        font-size: var(--heading-S);
        color: #1F368B;
        position: absolute;
        left: 0;
    }

    .landConnecteViaCompteMiddleRight hr {
        display: none;
    }

    .landConnecteViaCompteMiddleRight h2::before {
        content: '';
        margin-right: 14px;
        border-left: 9px solid #FFA702;
    }

    .landConnecteViaCompteMiddleRight p {
        font-weight: 500;
        color: var(--font-color);
        font-size: var(--body-S);
        margin-top: 40px;
    }

    .landConnecteViaCompteMiddleRight .buttonBinUpRight {
        background-color: #FFA702;
        border-radius: 999px;
        font-size: var(--body-M);
        font-weight: 500;
        border: none;
        padding: 10px 5px;
        margin-top: 34px;
    }

@media screen and (max-width: 800px) {
    .landConnecteViaCompteMiddleRight p {
        text-align: left;
    }

    .landConnecteViaCompteMiddleRight .buttonBinUpRight {
        margin-top: 15px;
    }
}

/* milieu droit*/
/* Bas gauche */
.landConnecteViaCompteDownLeft {
    display: none;
    background-color: var(--white);
    border: 1px solid var(--bleu-tuile);
    box-shadow: 0px 0px 6px rgba(35, 35, 35, 0.06);
    align-items: flex-start;
}

    .landConnecteViaCompteDownLeft h2 {
        font-weight: 700;
        font-size: var(--heading-S);
        color: var(--font-color);
        width: 100%;
        text-align: center;
    }

    .landConnecteViaCompteDownLeft p {
        font-weight: 500;
        color: var(--font-color);
        font-size: var(--body-M);
        margin-top: 10px;
    }

        .landConnecteViaCompteDownLeft p span:last-child {
            font-weight: 700;
            color: var(--bleu-lbp);
            font-size: var(--body-M);
            margin-top: 10px;
        }

        .landConnecteViaCompteDownLeft p span {
            font-weight: 700;
            color: var(--font-color);
            font-size: var(--body-M);
            margin-top: 10px;
        }

            .landConnecteViaCompteDownLeft p span a {
                font-weight: 700;
                color: var(--bleu-lbp);
                font-size: var(--body-M);
                margin-top: 10px;
            }

    .landConnecteViaCompteDownLeft .buttonBinUpRight {
        background-color: #2ED4D4;
        border-radius: 999px;
        font-size: var(--body-M);
        font-weight: 500;
        border: none;
        padding: 10px 5px;
        margin-top: 15px;
    }

    .landConnecteViaCompteDownLeft .pictoCoeur::before {
        content: none;
        width: 15px;
        height: 15px;
        margin-right: 15px;
        position: relative;
        top: 2px;
    }

@media screen and (max-width: 800px) {
    .landConnecteViaCompteDownLeft p {
        text-align: center;
    }
}

/* Page connecte via compte => landing-connecte-viaComte.html*/

/*Compteur caractere carte*/
.labelCompteur {
    position: relative;
}

    .labelCompteur .spanCompteur {
        position: absolute;
        background-color: #b8b8b8;
        border-radius: 10px;
        height: 1.9rem;
        width: 1.9rem;
        top: 23px;
        right: -37px;
        font-size: var(--body-S);
        color: var(--white);
        display: flex;
        align-items: center;
        justify-content: center;
    }

.libelleCompteur {
    font-size: var(--body-XS) !important;
    color: #b3b3b3 !important;
    display: flex;
    align-items: center;
}

    .libelleCompteur::before {
        content: '';
        display: inline-block;
        background-color: #3C94FF;
        border-radius: 6px;
        height: 20px;
        width: 20px;
        margin-right: 7px;
    }

.caractMax {
    font-size: 10px;
}

@media screen and (min-width:319px) and (max-width:550px) {
    .labelCompteur .spanCompteur {
        border-radius: 4px;
        height: 1rem;
        width: 1.2rem;
        top: 36px;
        right: -15px;
        font-size: 10px;
    }
}

/*Compteur caractere carte*/
/*Container Mentions Step 1*/
.containerMentionsStepOne {
    width: 96%;
    max-width: 1012px;
    /* background-color: #F9F9F9; */
    margin: 0 auto 20px;
    padding: 20px;
    /* border-radius: 15px;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 7%); */
}

    .containerMentionsStepOne p {
        font-size: var(--body-XS);
        color: #A7A7A7;
        line-height: 1.3;
        text-align: justify;
    }

/*Container Mentions Step 1*/
/*SPSS pas de cette fonctionnalite pour LCL*/
/* haut droit */
.remboursementTuileUpRightSPSS {
    display: none;
    background: var(--font-color);
    margin-bottom: 10px;
}

    .remboursementTuileUpRightSPSS .titleChapeau {
        color: var(--white);
        font-size: var(--heading-S);
        font-weight: 600;
        line-height: 28px;
    }

    .remboursementTuileUpRightSPSS .sousChapeau {
        display: none;
    }

    .remboursementTuileUpRightSPSS .titleListePuce {
        font-size: var(--body-M);
        font-weight: 700;
        color: var(--white);
        margin-top: 5px;
    }

    .remboursementTuileUpRightSPSS .listCoche {
        list-style: none;
        margin: 5px 0px 0px 20px;
        font-weight: 300;
    }

    .remboursementTuileUpRightSPSS .buttonremboursementTuileUpRightSPSS {
        background-color: #97bf26;
        border-radius: 5px;
        font-size: var(--body-M);
        border: none;
        padding: 5px 5px;
    }

    .remboursementTuileUpRightSPSS .buttonGreenTxt {
        width: 100%;
        max-width: 350px;
        min-width: 250px;
        color: var(--white);
        text-transform: uppercase;
        font-size: var(--body-S);
        text-align: center;
        margin: 0 auto;
        font-weight: 300;
    }

/* haut droit */
/*SPSS pas de cette fonctionnalite pour LCL*/

/*-----------------------------------------*/

/* containerConnecteSPSS pour la compatibilite CA et LCL/BLANK/B4B*/
.containerConnecteSPSS {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 96%;
    max-width: 1012px;
    min-width: 300px;
    margin: 0 auto 30px;
    gap: 32px;
}

@media screen and (max-width:1000px) {
    .containerConnecteSPSS {
        /*RAJOUT 01102021*/
        flex-wrap: wrap;
        /*RAJOUT 01102021*/
        gap: 0px;
        margin: 0px auto 0px;
    }
}

/* containerConnecteSPSS pour la compatibilite CA et LCL/BLANK/B4B*/
/*SPSS*/
/*SPSS RAJOUT 07102021*/
.TuileDownleftbtnDisplay {
    display: block;
}

/*SPSS RAJOUT 07102021*/
/*RAJOUT 07102021 tuile SPSS */
.tuileSPSSRemboursement {
    display: none;
    background-color: var(--font-color);
    position: relative;
}


.tuileSPSS_SinistreAchat {
    display: none;
    background-color: var(--font-color);
    position: relative;
}

/*RAJOUT 07102021 tuile SPSS */

/*HightLight FAQ*/
mark {
    background: var(--bleu-lbp);
    color: inherit;
    padding: 0;
    color: var(--white);
}

/*HightLight FAQ*/

/*Clavier Numerique Mobile Home-> _BlockLoginByBankCardNumber.cshtml*/
/* Chrome, Safari, Edge, Opera */
.removeArrowHome input::-webkit-outer-spin-button,
.removeArrowHome input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.removeArrowHome input[type=number] {
    -moz-appearance: textfield;
}

/* Firefox */
.groupMontantPrejudice input[type=number] {
    -moz-appearance: textfield;
}

/* Chrome */
.groupMontantPrejudice input::-webkit-inner-spin-button,
.groupMontantPrejudice input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Opera*/
.groupMontantPrejudice input::-o-inner-spin-button,
.groupMontantPrejudice input::-o-outer-spin-button {
    -o-appearance: none;
    margin: 0
}

/*Clavier Numerique Mobile Home-> _BlockLoginByBankCardNumber.cshtml*/

/*Bouton effet TRAITE ou CLOS*/
.btnDossierTraite {
    background-color: var(--white);
    border-radius: 6px;
    border: 1px solid #3B51D5;
    color: #3B51D5;
    padding: 12px 20px;
    font-size: var(--body-M);
}

/*Bouton effet TRAITE ou CLOS*/

/*ALERT*/
.alertUploadMsg .alert {
    position: fixed;
    padding: .75rem 1.25rem;
    top: 12%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 96%;
    max-width: 1012px;
    min-width: 300px;
    margin: 0 auto 15px;
    text-align: center;
    border-radius: 10px;
    z-index: 10;
}

.alertUploadMsg .alert-success {
    background-color: #97BF26;
    color: var(--white);
}

.alertUploadMsg .alert-warning {
    background-color: var(--msgError);
    color: var(--white);
}

.alertUploadMsg .alert-dismissible .close:hover {
    color: var(--white);
}
/*ALERT*/

/* LOADER */
.loaderContainer {
    position: fixed;
    background-color: rgba(255, 255, 255, 0.2);
    width: 100%;
    height: 100%;
    z-index: 9999999;
}

.loaderCA {
    top: 50%;
    left: 46%;
    position: fixed;
}

    .loaderCA > div {
        width: 15px;
        height: 15px;
        background: var(--bleu-lbp);
        border-radius: 50%;
        display: inline-block;
        animation: troisPointsGrow 0.5s infinite ease-in-out alternate;
    }

    .loaderCA .bounce1 {
        animation-delay: -0.3s;
    }

    .loaderCA .bounce2 {
        animation-delay: -0.15s;
    }

@keyframes troisPointsGrow {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

/* LOADER */
/*Mentions legales page Upload*/
.containerStepMentionsFMX {
    background-color: transparent;
    padding: 20px;
    width: 90%;
    max-width: 600px;
    min-width: 320px;
    margin: 0 auto 20px;
}

h5.containerStepMentionsFMX {
    font-size: var(--body-S) !important;
    color: var(--font-color) !important;
    line-height: var(--lineHeight-XS) !important;
}

h5.recapMentionsUpload {
    font-size: var(--body-S) !important;
    color: var(--font-color) !important;
    line-height: var(--lineHeight-XS) !important;
}

.recapMentionsUpload {
    font-size: var(--body-XS) !important;
    color: var(--font-color) !important;
    line-height: var(--lineHeight-XS) !important;
}

    .recapMentionsUpload a {
        font-size: var(--body-XS);
        color: var(--bleu-lbp);
    }

.containerStepMentions {
    background-color: transparent;
    padding: 20px;
    width: 96%;
    max-width: 1012px;
    min-width: 300px;
    margin: 0 auto 20px;
    border-radius: 14px;
}

/*Mentions legales page Upload*/

/* POPUP RECAP UPLOAD DOSSIER dossier Assistance -> _Folder et _InfoBeneficiaire*/
.recapUpload .modal-title {
    font-size: var(--heading-S);
    color: var(--white);
    font-weight: 700;
    text-align: left;
    padding: 10px 0px;
}

.recapUpload .modal-header {
    background-color: transparent;
    display: block;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: none;
}

.recapUpload .modal-body {
    padding: 10px 20px;
}

.recapUpload .titleForm {
    font-size: var(--heading-S);
    color: var(--font-color-titre);
    text-decoration: none;
    margin-bottom: 10px;
}

.recapUpload .alignRecap {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 10px;
}

    .recapUpload .alignRecap p {
        font-size: var(--body-S);
    }

        .recapUpload .alignRecap p:first-child {
            font-weight: 600;
            width: 30%;
        }

        .recapUpload .alignRecap p:last-child {
            width: 60%;
        }

.recapUpload .validButtonSMS {
    border-radius: 6px;
    background-color: var(--bleu-lbp);
    color: var(--white);
    height: 46px;
    padding: 10px 20px;
    border: none;
    outline: none;
    font-size: var(--body-S);
    font-weight: 500;
}

    .recapUpload .validButtonSMS:hover {
        background-color: var(--btn-suivant-hover);
    }

.recapUpload .modal-header .btn-close {
    background: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-btnCLose.svg") no-repeat;
    position: absolute;
    top: 25px;
    right: 0;
    width: 55px;
    height: 46px;
    opacity: 1;
    box-sizing: border-box;
}

/* POPUP RECAP UPLOAD DOSSIER dossier Assistance -> _Folder et _InfoBeneficiaire*/
/* Fermeture de la bordure dans la liste de document */
.accordion > .card .card-header {
    margin-bottom: 0px !important;
}

/* FORCE VALIDATION MOT DE PASSE page CreateMySpaceClient */
.validMotDePasse {
    display: none;
}

.invalidMotDePasse {
    color: var(--font-color);
    font-size: var(--body-XS);
}

.displayBlockMDP {
    display: block;
}

.displayNoneMDP {
    display: none;
}

#blocForceMDP p {
    font-size: var(--body-XS);
    line-height: var(--lineHeight-XS);
}

.cadreForceMDP {
    padding: 10px;
    background-color: #ebebeb;
    margin-top: 5px;
}

/* FORCE VALIDATION MOT DE PASSE page CreateMySpaceClient */

.renseignementAdresse {
    color: #3B51D5 !important;
    font-weight: bold;
    font-size: var(--body-XS);
    cursor: pointer;
}

/*SAISIR CODE VERIF*/
.SaisirCodeVerif p:first-child {
    text-align: center;
    font-size: var(--body-M);
}

.SaisirCodeVerif a {
    text-align: center;
    display: block;
    font-size: var(--body-XS);
    color: #2ED4D4;
    text-decoration: underline;
    margin-top: 10px;
}

.SaisirCodeVerif .inputTaille {
    width: 183px;
    margin: 0 auto;
}

.SaisirCodeVerif .connection-form .form-control {
    color: #1F368B;
}

.SaisirCodeVerif .connection-form .input-card-number input {
    text-align: center;
    letter-spacing: 15px;
    height: 50px;
}

.SaisirCodeVerif .connection-form .input-card-number {
    margin-top: 20px;
}

.validButtonSMS {
    border-radius: 6px;
    background-color: var(--bleu-lbp);
    color: var(--white);
    height: 46px;
    padding: 10px 20px;
    border: none;
    outline: none;
    font-size: var(--body-S);
}

    .validButtonSMS:hover {
        background-color: var(--btn-suivant-hover);
    }

    .validButtonSMS:disabled {
        background-color: var(--color-disabled);
        border-radius: 6px;
        border: none;
        color: var(--txt-disabled);
        padding: 12px 20px;
        font-size: var(--body-S);
    }

.SaisirCodeVerif ::-webkit-input-placeholder {
    text-align: center;
    margin: 0 auto;
    padding: 0px !important;
}

.SaisirCodeVerif input:-webkit-autofill,
.SaisirCodeVerif input:-webkit-autofill:hover,
.SaisirCodeVerif input:-webkit-autofill:active,
.SaisirCodeVerif input:-webkit-autofill:focus {
    box-shadow: 0 0 0 1000px var(--white) inset !important;
    -webkit-box-shadow: 0 0 0 1000px var(--white) inset !important;
}

/*SAISIR CODE VERIF*/

/* SITUATION EN UKRAINE*/
/* CATS */
#situationUkraine .modal-header {
    background-color: var(--white);
}

#situationUkraine .modal-header {
    padding: 1rem 1.5rem;
}

#situationUkraine .modal-body {
    padding: 1rem 1.5rem;
}

#situationUkraine .close {
    opacity: 1;
}

#situationUkraine .modal-title {
    font-size: var(--heading-S);
    color: var(--font-color-titre);
    font-weight: 700;
}
/* CATS */

#situationUkraine .lienUkraine {
    color: var(--border-gray-lbp);
}


/* SITUATION EN UKRAINE*/


/* NOUVEAU STYLE FORMULAIRE LOT 2 */

/* CATS */
.recapMentions .form-check {
    display: flex;
    min-height: 1.5rem;
    padding-left: 0;
    margin-bottom: 0.125rem;
}

.recapMentions.form-check {
    display: flex;
    min-height: 1.5rem;
    padding-left: 0;
    margin-bottom: 0.125rem;
}
/* CATS */

/* NOUVEAU STYLE FORMULAIRE */

/* NOUVELLE SECTION "DECLARATION DE SINISTRE" */

.containerStepForm-Sinistre {
    background-color: var(--white);
    padding: 25px 30px 5px;
    width: 96%;
    max-width: 1012px;
    min-width: 300px;
    margin: 0 auto;
    border-radius: 10px;
    border: 1px solid var(--border-gray-lbp);
    box-shadow: 0px 0px 6px rgba(35, 35, 35, 0.06);
}

    .containerStepForm-Sinistre h1 {
        color: var(--font-color-titre);
        font-size: var(--heading-L);
    }

    .containerStepForm-Sinistre .titleBlocLight {
        font-weight: 700;
        text-transform: none;
    }

    .containerStepForm-Sinistre .titleBlocBold {
        font-weight: 700;
        text-transform: none;
    }

@media screen and (min-width: 319px) and (max-width: 768px) {
    .containerStepForm-Sinistre {
        margin-top: 23px;
        padding: 15px 10px 5px 15px;
        background-color: var(--white);
        box-shadow: 0px 4px 16px rgba(193, 201, 214, 0.45);
    }

        .containerStepForm-Sinistre h1 {
            font-size: var(--heading-M);
            text-align: left;
        }
}

.colorLine {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
/* CATS fil Ariane */
@media screen and (max-width:850px) {
    .colorLine {
        display: none;
    }
}

@media screen and (max-width:500px) {
    .containerStepForm-Sinistre .filAriane_containerStepForm {
        display: none;
    }
}

.containerStepForm-Sinistre .firstColor {
    width: 7%;
    height: 5px;
    background-color: var(--bleu-clair-lbp);
}

.containerStepForm-Sinistre .lastColor {
    width: 93%;
    height: 5px;
    background-color: #F5F5F5;
}

.containerStepForm-Sinistre .breadcrumb {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0px;
    margin-top: 1rem;
    list-style: none;
    background-color: transparent;
    border-radius: 0px;
    font-size: var(--body-S);
}

.containerStepForm-Sinistre .breadcrumb-item {
    color: var(--font-color);
    font-weight: 500;
}

    .containerStepForm-Sinistre .breadcrumb-item.active {
        color: var(--border-gray-lbp);
        font-weight: 700;
    }

.sousTitleStep-sinistre {
    margin-top: 5px;
}

/* Custom Select */
.form-select {
    height: 50px;
    padding: 0px 0px 0px 16px;
    background-image: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-Icon-arrow-down-select.svg");
    border: 1px solid var(--border-input-lbp);
    font-size: 0.85rem;
    color: var(--font-color-titre);
    border-radius: 4px;
    font-weight: 500;
}

    .form-select:focus {
        border-color: var(--border-input-lbp);
        outline: 0;
        box-shadow: none;
    }

/* Custom Select */

/* Nouvelle Icone Info Orange et son Hover */
/* CUSTOM TOOLTIP HOME */

.tooltipInfoColor-1 {
    fill: var(--font-color);
}

.tooltipInfoColor-2 {
    fill: var(--font-color);
}

.custom-tooltip-home.tooltip > .tooltip-inner {
    background-color: var(--bg-tooltip-lbp) !important;
    font-size: 11px;
    color: var(--txt-tooltip-lbp);
    padding: 0.5rem;
    text-align: left;
}

/* CATS */
/* tooltip pour la home */
.toolTipBgdHome {
    fill: var(--bleu-lbp);
}

.toolCircleHome {
    fill: var(--bleu-lbp);
}

.toolPointduIHome, .toolPointBarreDuIHome {
    fill: var(--white);
}
/* tooltip pour la home */
/* tooltip pour sinsitre */
.toolTipBgdSinsitre {
    fill: var(--bleu-lbp);
}

.toolCircleSinistre {
    fill: var(--bleu-lbp);
}

.toolPointBarreDuISinistre, .toolPointduISinistre {
    fill: var(--white);
}
/* tooltip pour sinsitre */
/* tooltip pour medical */
.toolTipBgdMedical {
    fill: var(--bleu-lbp);
}

.toolCircleMedical {
    fill: var(--bleu-lbp);
}

.toolPointBarreDuIMedical, .toolPointduIMedical {
    fill: var(--white);
}
/* tooltip pour medical */
/* CATS */

.custom-tooltip-home.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-top-color: var(--bg-tooltip-lbp) !important;
}

.custom-tooltip-home.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    border-right-color: var(--bg-tooltip-lbp) !important;
}

.custom-tooltip-home.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    border-left-color: var(--bg-tooltip-lbp) !important;
}

.custom-tooltip-home.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    border-left-color: var(--bg-tooltip-lbp) !important;
}

.custom-tooltip-home.tooltip.show {
    opacity: 1;
}

/* CUSTOM TOOLTIP HOME */
/* CUSTOM TOOLTIP STEP */
.custom-tooltip-step.tooltip > .tooltip-inner {
    background-color: var(--bg-tooltip-lbp) !important;
    font-size: 11px;
    font-weight: 400;
    color: var(--txt-tooltip-lbp);
    padding: 12px 16px;
    text-align: left;
}

.custom-tooltip-step.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-top-color: var(--bg-tooltip-lbp) !important;
}

.custom-tooltip-step.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    border-right-color: var(--bg-tooltip-lbp) !important;
}

.custom-tooltip-step.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    border-left-color: var(--bg-tooltip-lbp) !important;
}

.custom-tooltip-step.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
    border-bottom-color: var(--bg-tooltip-lbp) !important;
}

.custom-tooltip-step.tooltip.show {
    opacity: 1;
}

/* CUSTOM TOOLTIP STEP */
/* CUSTOM TOOLTIP STEP SINISTRE */
.custom-tooltip-step-sinistre.tooltip > .tooltip-inner {
    background-color: var(--bg-tooltip-lbp) !important;
    font-size: 11px;
    color: var(--txt-tooltip-lbp);
    padding: 0.5rem;
    text-align: left;
}

/* .custom-tooltip-step-sinistre.tooltip .tooltip-arrow::before,
.custom-tooltip-step-sinistre .bs-tooltip-top .tooltip-arrow::before {
    border-top-color: var(--tooltipColor-home) !important;
} */
.custom-tooltip-step-sinistre.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-top-color: var(--bg-tooltip-lbp) !important;
}

.custom-tooltip-step-sinistre.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    border-right-color: var(--bg-tooltip-lbp) !important;
}

.custom-tooltip-step-sinistre.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    border-left-color: var(--bg-tooltip-lbp) !important;
}

.custom-tooltip-step-sinistre.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
    border-bottom-color: var(--bg-tooltip-lbp) !important;
}

.custom-tooltip-step-sinistre.tooltip.show {
    opacity: 1;
}

/* CUSTOM TOOLTIP STEP SINISTRE*/
/* CUSTOM TOOLTIP STEP SINISTRE CHOIX GARANTIE */
.custom-tooltip-step-choixGarantie.tooltip > .tooltip-inner {
    background-color: var(--bg-tooltip-lbp) !important;
    font-size: 11px;
    color: var(--white);
    padding: 0.5rem;
    text-align: left;
}

.custom-tooltip-step-choixGarantie.tooltip .tooltip-arrow::before,
.custom-tooltip-step-choixGarantie .bs-tooltip-top .tooltip-arrow::before {
    border-top-color: var(--bg-tooltip-lbp) !important;
}

.custom-tooltip-step-choixGarantie.tooltip.show {
    opacity: 1;
}

.tooltipInfoColor-3 {
    fill: var(--font-color)
}

/* CUSTOM TOOLTIP STEP SINISTRE CHOIX GARANTIE */
/* CUSTOM TOOLTIP STEP SINISTRE CHOIX GARANTIE */
.custom-tooltip-select-choixGarantie.tooltip > .tooltip-inner {
    background-color: var(--bg-tooltip-lbp) !important;
    font-size: 11px;
    color: var(--white);
    padding: 0.5rem;
    text-align: left;
}

.custom-tooltip-select-choixGarantie.tooltip .tooltip-arrow::before,
.custom-tooltip-select-choixGarantie .bs-tooltip-top .tooltip-arrow::before {
    border-top-color: var(--bg-tooltip-lbp) !important;
}

.custom-tooltip-select-choixGarantie.tooltip.show {
    opacity: 1;
}

.tooltipInfoColor-select {
    fill: var(--bg-tooltip-lbp);
}

/* CUSTOM TOOLTIP STEP SINISTRE CHOIX GARANTIE */
/* Nouvelle Icone Info Orange */

/* Nouvelle => Group Select */
.groupSelect .form-group.pmd-textfield {
    width: 430px;
}

    .groupSelect .form-group.pmd-textfield .etoile {
        /* position: absolute;
    display: inline-block;
    right: 12px;
    top: 6px;
    z-index: 98; */
        display: none;
    }

.groupSelect .text-danger,
.groupSelect .text-success,
.groupSelectModal .text-danger,
.groupSelectModal .text-success {
    display: none;
}

.pmd-textfield.has-success .form-select {
    color: var(--font-color-titre);
    border-color: var(--msgSuccess);
}

.pmd-textfield.has-error .form-select {
    color: var(--font-color-titre);
    border-color: var(--msgError);
}

@media screen and (min-width: 319px) and (max-width: 600px) {
    .groupSelect.pmd-textfield-focused {
        width: 100%;
    }

    .groupSelect .pmd-textfield .form-select {
        width: 100%;
    }

    .groupSelect .form-group.pmd-textfield {
        width: 100%;
    }
}

/* Nouvelle => Group Select */
/* Group Select => lien de parente */
.groupSelectParente .pmd-textfield-floating-label label {
    margin-bottom: 0px;
    margin-left: 15px;
    -webkit-transform: translateY(27px);
    transform: translateY(27px);
}

.groupSelectParente .form-group.pmd-textfield {
    width: 460px;
}

.groupSelectParente select {
    color: var(--font-color);
    font-weight: 500;
}

.groupSelectParente .form-group.pmd-textfield .etoile {
    /* position: absolute;
    display: inline-block;
    right: 13px;
    top: 5px;
    z-index: 98; */
    display: none;
}


@media screen and (min-width: 319px) and (max-width: 600px) {
    .groupSelectParente.pmd-textfield-focused {
        width: 100%;
    }

    .groupSelectParente .pmd-textfield .form-select {
        width: 100%;
    }

    .groupSelectParente .form-group.pmd-textfield {
        width: 100%;
    }
}

/* Group Select => lien de parente */
/* GROUP SELECT DISPLAY BLOCK */
.groupSelect .text-danger,
.groupSelect .text-success,
.groupSelectModal .text-danger,
.groupSelectModal .text-success,
.groupSelectParente .text-danger,
.groupSelectParente .text-success {
    display: block;
}

/* GROUP SELECT DISPLAY BLOCK */
/* Nouvelle => Group Area */
.groupArea .form-group.pmd-textfield {
    width: 430px;
}

.groupArea .pmd-textfield-floating-label label {
    margin-bottom: 0px;
    margin-left: 15px;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
}

.groupArea .pmd-textfield-floating-label.pmd-textfield-floating-label-completed label {
    font-size: var(--body-XS);
    color: #c9c9c9;
    margin-left: 15px;
    -webkit-transform: translateY(7px);
    transform: translateY(8px);
    position: relative;
    z-index: 98;
}

.groupArea .pmd-textfield .form-control {
    resize: none;
    position: relative;
    width: 100%;
    height: 175px;
    padding: 15px 43px 10px 15px;
    margin-bottom: 0;
    background: transparent;
    border: none;
    border: solid 1px var(--border-input-lbp);
    border-radius: 4px !important;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.groupArea .text-danger,
.groupArea .text-success {
    display: none;
}

.groupArea .form-group.pmd-textfield .etoile {
    /* position: absolute;
    display: inline-block;
    right: 13px;
    top: 5px;
    z-index: 98; */
    display: none;
}

#counterCaract {
    font-size: var(--body-XS);
    color: var(--color-placeholder);
    display: flex;
    justify-content: flex-end;
    width: 98%;
}

.groupArea .pmd-textfield.has-error .form-control {
    color: var(--font-color);
    border-color: var(--msgError);
}

.groupArea .pmd-textfield.has-success .form-control {
    color: var(--font-color);
    border-color: var(--msgSuccess);
}

@media screen and (min-width: 319px) and (max-width: 600px) {
    .groupArea .form-group.pmd-textfield {
        width: 100%;
    }
}

/* Nouvelle => Group Area */
/* Groupe Titualire Carte */
.groupTitulaireCarte .pmd-textfield .form-control {
    position: relative;
    width: 100%;
    height: 50px;
    padding: 0px 40px 0px 16px;
    margin-bottom: 0;
    font-size: 0.85rem;
    background: transparent;
    border: none;
    border: solid 1px var(--border-input-lbp);
    border-radius: 4px !important;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.groupTitulaireCarte .pmd-textfield-focused {
    position: relative;
    top: -1px;
    margin-bottom: 0;
    z-index: 2;
    display: block;
    border: none;
    width: 100%;
    height: 1px;
    /* background-color: #1F368B; */
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

.groupTitulaireCarte .form-group.pmd-textfield {
    width: 500px;
}

.groupTitulaireCarte .pmd-textfield-floating-label label {
    margin-bottom: 0px;
    margin-left: 15px;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
}

.groupTitulaireCarte .pmd-textfield-floating-label.pmd-textfield-floating-label-completed label {
    font-size: var(--body-XS);
    color: var(--font-color);
    margin-left: 14px;
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    position: relative;
    z-index: 98;
    letter-spacing: -0.04em;
}

.groupTitulaireCarte .form-group.pmd-textfield .etoile {
    /* position: absolute;
    display: inline-block;
    right: 13px;
    top: 5px;
    z-index: 98; */
    display: none;
}

.groupTitulaireCarte .pmd-textfield.has-error .form-control {
    color: #454545;
    border-color: var(--msgError);
}

.groupTitulaireCarte .pmd-textfield.has-success .form-control {
    color: #454545;
    border-color: var(--msgSuccess);
}

/* Groupe Titualire Carte */
/* Nouvelle => Groupe Montant Prejudice */
.groupMontantPrejudice .pmd-textfield .form-control {
    position: relative;
    width: 100%;
    height: 50px;
    padding: 0px 40px 0px 16px;
    margin-bottom: 0;
    font-size: 0.85rem;
    background: transparent;
    border: none;
    border: solid 1px var(--border-input-lbp);
    border-radius: 4px !important;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.groupMontantPrejudice .pmd-textfield-focused {
    position: relative;
    top: -1px;
    margin-bottom: 0;
    z-index: 2;
    display: block;
    border: none;
    width: 100%;
    height: 1px;
    /* background-color: #1F368B; */
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

.groupMontantPrejudice .form-group.pmd-textfield {
    width: 500px;
}

.groupMontantPrejudice .pmd-textfield-floating-label label {
    margin-bottom: 0px;
    margin-left: 15px;
    -webkit-transform: translateY(11px);
    transform: translateY(11px);
}

.groupMontantPrejudice .pmd-textfield-floating-label.pmd-textfield-floating-label-completed label {
    font-size: 11px;
    color: #c9c9c9;
    margin-left: 14px;
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    position: relative;
    z-index: 98;
    letter-spacing: -0.04em;
}

.groupMontantPrejudice .form-group.pmd-textfield .etoile {
    /* position: absolute;
    display: inline-block;
    right: 13px;
    top: 5px;
    z-index: 98; */
    display: none;
}

.groupMontantPrejudice .pmd-textfield.has-error .form-control {
    color: var(--font-color);
    border-color: var(--msgError);
}

.groupMontantPrejudice .pmd-textfield.has-success .form-control {
    color: var(--font-color);
    border-color: var(--msgSuccess);
}

/* Nouvelle => Groupe Montant Prejudice */
/* Nouvelle => Step 4  */
.titulaireCarte {
    color: var(--font-color-secondaire);
    font-size: var(--body-M);
    font-weight: 500;
    margin-bottom: 0;
}

.groupNomPrenom .pmd-textfield .form-control {
    position: relative;
    width: 100%;
    height: 50px;
    padding: 0px 40px 0px 16px;
    margin-bottom: 0;
    background: transparent;
    border: none;
    border: solid 1px var(--border-input-lbp);
    border-radius: 4px !important;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.groupNomPrenom .pmd-textfield-focused {
    position: relative;
    top: -1px;
    margin-bottom: 0;
    z-index: 2;
    display: block;
    border: none;
    width: 100%;
    height: 1px;
    /* background-color: #1F368B; */
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

.groupNomPrenom .form-group.pmd-textfield .etoile {
    /* position: absolute;
    display: inline-block;
    right: 13px;
    top: 5px;
    z-index: 98; */
    display: none;
}

.groupNomPrenom .form-group.pmd-textfield {
    width: 220px;
    margin-right: 20px;
}

.groupNomPrenom .pmd-textfield-floating-label.pmd-textfield-floating-label-completed label {
    font-size: var(--body-XS);
    color: #c9c9c9;
    margin-left: 14px;
    -webkit-transform: translateY(7px);
    transform: translateY(7px);
    position: relative;
    z-index: 98;
}

.groupNomPrenom .pmd-textfield-floating-label label {
    margin-bottom: 0px;
    margin-left: 15px;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
}

.groupNomPrenom .pmd-textfield.has-success .form-control {
    color: var(--font-color);
    border-color: var(--msgSuccess);
}

.groupNomPrenom .pmd-textfield.has-error .form-control {
    color: var(--font-color);
    border-color: var(--msgError);
}

@media screen and (min-width: 319px) and (max-width: 600px) {
    .groupNomPrenom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .groupNomPrenom .pmd-textfield.form-control {
            width: 100%;
        }

        .groupNomPrenom .form-group.pmd-textfield {
            width: 100%;
            margin-right: 0;
        }

        .groupNomPrenom .form-group:nth-child(2) {
            margin-top: 1rem;
        }
}

/* Nouvelle => Step 4  */
/* Nouvelle => Step 5  */
/* Groupe Code Postale / Ville / Pays */
.groupComboThree .pmd-textfield .form-control {
    position: relative;
    width: 100%;
    height: 50px;
    padding: 0px 40px 0px 16px;
    margin-bottom: 0;
    background: transparent;
    border: none;
    border: solid 1px var(--border-input-lbp);
    border-radius: 4px !important;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .groupComboThree .pmd-textfield .form-control.paddPays {
        position: relative;
        width: 100%;
        height: 50px;
        padding: 0px 60px 0px 15px;
        margin-bottom: 0;
        background: transparent;
        border: none;
        border: solid 1px var(--border-input-lbp);
        border-radius: 5px;
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.groupComboThree .pmd-textfield-focused {
    position: relative;
    top: -1px;
    margin-bottom: 0;
    z-index: 2;
    display: block;
    border: none;
    width: 100%;
    height: 1px;
    /* background-color: #1F368B; */
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

.groupComboThree .form-group.pmd-textfield .etoile {
    /* position: absolute;
    display: inline-block;
    right: 13px;
    top: 5px;
    z-index: 98; */
    display: none;
}

.groupComboThree .form-group.pmd-textfield {
    width: 220px;
    margin-right: 20px;
}

.groupComboThree .pmd-textfield-floating-label.pmd-textfield-floating-label-completed label {
    font-size: var(--body-XS);
    color: #c9c9c9;
    margin-left: 14px;
    -webkit-transform: translateY(7px);
    transform: translateY(7px);
    position: relative;
    z-index: 98;
}

.groupComboThree .pmd-textfield-floating-label label {
    margin-bottom: 0px;
    margin-left: 15px;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
}

.groupComboThree .pmd-textfield-floating-label.pmd-textfield-floating-label-completed label.paddPaysLabel {
    font-size: var(--body-XS);
    color: #c9c9c9;
    margin-left: 33px;
    -webkit-transform: translateY(7px);
    transform: translateY(7px);
    position: relative;
    z-index: 98;
}

.groupComboThree .pmd-textfield-floating-label label.paddPaysLabel {
    margin-bottom: 0px;
    margin-left: 33px;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
}

.groupComboThree .pmd-textfield.has-success .form-control {
    color: var(--font-color);
    border-color: var(--msgSuccess);
}

.groupComboThree .pmd-textfield.has-error .form-control {
    color: var(--font-color);
    border-color: var(--msgError);
}

.groupComboThree .form-group.pmd-textfield.form-group.pmd-textfield.sizeZip {
    width: 150px;
}

.groupComboThree .form-group.pmd-textfield.form-group.pmd-textfield.sizeVille {
    width: 200px;
}

.groupComboThree .form-group.pmd-textfield.form-group.pmd-textfield.sizePays {
    width: 300px;
}

@media screen and (min-width: 319px) and (max-width: 600px) {
    .groupComboThree {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .groupComboThree .pmd-textfield.form-control {
            width: 100%;
        }

        .groupComboThree .form-group.pmd-textfield.form-group.pmd-textfield.sizeZip,
        .groupComboThree .form-group.pmd-textfield.form-group.pmd-textfield.sizeVille {
            width: 100%;
        }

        .groupComboThree .form-group.pmd-textfield.form-group.pmd-textfield.sizePays {
            width: 100%;
        }

        .groupComboThree .form-group.pmd-textfield {
            width: 100%;
            margin-right: 0;
        }

        .groupComboThree .form-group:nth-child(2),
        .groupComboThree .form-group:nth-child(3) {
            margin-top: 1rem;
        }
}

/* Groupe Code Postale / Ville / Pays */
/* Groupe Telephone / Email */

.groupTelEmail .pmd-textfield .form-control {
    position: relative;
    width: 100%;
    height: 50px;
    padding: 0px 40px 0px 16px;
    margin-bottom: 0;
    background: transparent;
    border: none;
    border: solid 1px var(--border-input-lbp);
    border-radius: 4px !important;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 500;
}

.groupTelEmail .pmd-textfield-focused {
    position: relative;
    top: -1px;
    margin-bottom: 0;
    z-index: 2;
    display: block;
    border: none;
    width: 100%;
    height: 1px;
    /* background-color: #1F368B; */
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

.groupTelEmail .form-group.pmd-textfield .etoile {
    /* position: absolute;
    display: inline-block;
    right: 13px;
    top: 5px;
    z-index: 98; */
    display: none;
}

.groupTelEmail .form-group.pmd-textfield {
    width: 220px;
    margin-right: 20px;
}

.groupTelEmail .form-group:nth-child(2) {
    width: 320px;
}

.groupTelEmail .pmd-textfield-floating-label.pmd-textfield-floating-label-completed label {
    font-size: var(--body-XS);
    color: #c9c9c9;
    margin-left: 33px;
    -webkit-transform: translateY(7px);
    transform: translateY(7px);
    position: relative;
    z-index: 98;
}

.groupTelEmail .pmd-textfield-floating-label label {
    margin-bottom: 0px;
    margin-left: 33px;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
}

.groupTelEmail .pmd-textfield.has-success .form-control {
    color: var(--font-color);
    border-color: var(--msgSuccess);
}

.groupTelEmail .pmd-textfield.has-error .form-control {
    color: var(--font-color);
    border-color: var(--msgError);
}

@media screen and (min-width: 319px) and (max-width: 600px) {
    .groupTelEmail {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .groupTelEmail .pmd-textfield.form-control {
            width: 100%;
        }

        .groupTelEmail .form-group.pmd-textfield {
            width: 100%;
            margin-right: 0;
        }

        .groupTelEmail .form-group:nth-child(2) {
            margin-top: 1rem;
        }
}

/* Groupe Telephone / Email */
/* Groupe Telephone Modal */

.groupTelEmailModal .pmd-textfield .form-control {
    position: relative;
    width: 100%;
    height: 50px;
    padding: 0px 40px 0px 16px;
    margin-bottom: 0;
    background: transparent;
    border: none;
    border: solid 1px var(--border-input-lbp);
    border-radius: 4px !important;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.groupTelEmailModal .pmd-textfield-focused {
    position: relative;
    top: -1px;
    margin-bottom: 0;
    z-index: 2;
    display: block;
    border: none;
    width: 100%;
    height: 1px;
    /* background-color: #1F368B; */
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

.groupTelEmailModal .form-group.pmd-textfield .etoile {
    /* position: absolute;
    display: inline-block;
    right: 13px;
    top: 5px;
    z-index: 98; */
    display: none;
}

.groupTelEmailModal .form-group.pmd-textfield {
    width: 100%;
}

.groupTelEmailModal .form-group:nth-child(2) {
    width: 320px;
}

.groupTelEmailModal .pmd-textfield-floating-label.pmd-textfield-floating-label-completed label {
    font-size: var(--body-XS);
    color: #c9c9c9;
    margin-left: 33px;
    -webkit-transform: translateY(7px);
    transform: translateY(7px);
    position: relative;
    z-index: 98;
}

.groupTelEmailModal .pmd-textfield-floating-label label {
    margin-bottom: 0px;
    margin-left: 33px;
    -webkit-transform: translateY(19px);
    transform: translateY(19px);
}

.groupTelEmailModal .pmd-textfield.has-success .form-control {
    color: var(--font-color);
    border-color: var(--msgSuccess);
}

.groupTelEmailModal .pmd-textfield.has-error .form-control {
    color: var(--font-color);
    border-color: var(--msgError);
}

@media screen and (min-width: 319px) and (max-width: 600px) {
    .groupTelEmailModal {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .groupTelEmailModal .pmd-textfield.form-control {
            width: 100%;
        }

        .groupTelEmailModal .form-group.pmd-textfield {
            width: 100%;
            margin-right: 0;
        }

        .groupTelEmailModal .form-group:nth-child(2) {
            margin-top: 1rem;
        }
}

/* Groupe Telephone Modal */
/* Groupe Mot de passe - Modal */

.groupMdpModal .oeilOuvert,
.groupMdpModal .oeilFerme {
    fill: var(--font-color-titre);
}

.groupMdpModal .pmd-textfield .form-control {
    position: relative;
    width: 100%;
    height: 50px;
    padding: 0px 71px 0px 16px;
    margin-bottom: 0;
    background: transparent;
    border: none;
    border: solid 1px var(--border-input-lbp);
    border-radius: 4px !important;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.groupMdpModal .pmd-textfield-focused {
    position: relative;
    top: -1px;
    margin-bottom: 0;
    z-index: 2;
    display: block;
    border: none;
    width: 100%;
    height: 1px;
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

.groupMdpModal .form-group.pmd-textfield .etoile {
    /* position: absolute;
    display: inline-block;
    right: 13px;
    top: 5px;
    z-index: 98; */
    display: none;
}

.groupMdpModal .form-group.pmd-textfield {
    width: 100%;
}

.groupMdpModal .form-group:nth-child(2) {
    width: 320px;
}

.groupMdpModal .pmd-textfield-floating-label.pmd-textfield-floating-label-completed label {
    font-size: var(--body-XS);
    color: #c9c9c9;
    margin-left: 33px;
    -webkit-transform: translateY(7px);
    transform: translateY(7px);
    position: relative;
    z-index: 98;
}

.groupMdpModal .pmd-textfield-floating-label label {
    margin-bottom: 0px;
    margin-left: 33px;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
}

.groupMdpModal .pmd-textfield.has-success .form-control {
    color: var(--font-color);
    border-color: var(--msgSuccess);
}

.groupMdpModal .pmd-textfield.has-error .form-control {
    color: var(--font-color);
    border-color: var(--msgError);
}

@media screen and (min-width: 319px) and (max-width: 600px) {
    .groupMdpModal {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .groupMdpModal .pmd-textfield.form-control {
            width: 100%;
        }

        .groupMdpModal .form-group.pmd-textfield {
            width: 100%;
            margin-right: 0;
        }

        .groupMdpModal .form-group:nth-child(2) {
            margin-top: 1rem;
        }
}

/* Groupe Mot de passe - Modal */
/* Groupe date de naissance - Modal */
.groupNaissanceModal .pmd-textfield .form-control {
    position: relative;
    width: 100%;
    height: 50px;
    padding: 0px 40px 0px 16px;
    margin-bottom: 0;
    background: transparent;
    border: none;
    border: solid 1px var(--border-input-lbp);
    border-radius: 4px !important;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.groupNaissanceModal .pmd-textfield-focused {
    position: relative;
    top: -1px;
    margin-bottom: 0;
    z-index: 2;
    display: block;
    border: none;
    width: 100%;
    height: 1px;
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

.groupNaissanceModal .form-group.pmd-textfield .etoile {
    /* position: absolute;
    display: inline-block;
    right: 13px;
    top: 5px;
    z-index: 98; */
    display: none;
}

.groupNaissanceModal .form-group.pmd-textfield {
    width: 100%;
}

.groupNaissanceModal .form-group:nth-child(2) {
    width: 320px;
}

.groupNaissanceModal .pmd-textfield-floating-label.pmd-textfield-floating-label-completed label {
    font-size: var(--body-XS);
    color: #c9c9c9;
    margin-left: 33px;
    -webkit-transform: translateY(7px);
    transform: translateY(7px);
    position: relative;
    z-index: 98;
}

.groupNaissanceModal .pmd-textfield-floating-label label {
    margin-bottom: 0px;
    margin-left: 33px;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
}

.groupNaissanceModal .pmd-textfield.has-success .form-control {
    color: var(--font-color);
    border-color: var(--msgSuccess);
}

.groupNaissanceModal .pmd-textfield.has-error .form-control {
    color: var(--font-color);
    border-color: var(--msgError);
}


@media screen and (min-width: 319px) and (max-width: 600px) {
    .groupNaissanceModal {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .groupNaissanceModal .pmd-textfield.form-control {
            width: 100%;
        }

        .groupNaissanceModal .form-group.pmd-textfield {
            width: 100%;
            margin-right: 0;
        }

        .groupNaissanceModal .form-group:nth-child(2) {
            margin-top: 1rem;
        }
}

/* Groupe date de naissance - Modal */
/* Groupe telephone - Modal */
.groupTelephoneModal .pmd-textfield .form-control {
    position: relative;
    width: 100%;
    height: 50px;
    padding: 0px 40px 0px 16px;
    margin-bottom: 0;
    background: transparent;
    border: none;
    border: solid 1px var(--border-input-lbp);
    border-radius: 4px !important;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.groupTelephoneModal .pmd-textfield-focused {
    position: relative;
    top: -1px;
    margin-bottom: 0;
    z-index: 2;
    display: block;
    border: none;
    width: 100%;
    height: 1px;
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

.groupTelephoneModal .form-group.pmd-textfield .etoile {
    /* position: absolute;
    display: inline-block;
    right: 13px;
    top: 5px;
    z-index: 98; */
    display: none;
}

.groupTelephoneModal .form-group.pmd-textfield {
    width: 100%;
}

.groupTelephoneModal .form-group:nth-child(2) {
    width: 320px;
}

.groupTelephoneModal .pmd-textfield-floating-label.pmd-textfield-floating-label-completed label {
    font-size: var(--body-XS);
    color: #c9c9c9;
    margin-left: 33px;
    -webkit-transform: translateY(7px);
    transform: translateY(7px);
    position: relative;
    z-index: 98;
}

.groupTelephoneModal .pmd-textfield-floating-label label {
    margin-bottom: 0px;
    margin-left: 33px;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
}

.groupTelephoneModal .pmd-textfield.has-success .form-control {
    color: var(--font-color);
    border-color: var(--msgSuccess);
}

.groupTelephoneModal .pmd-textfield.has-error .form-control {
    color: var(--font-color);
    border-color: var(--msgError);
}


@media screen and (min-width: 319px) and (max-width: 600px) {
    .groupTelephoneModal {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .groupTelephoneModal .pmd-textfield.form-control {
            width: 100%;
        }

        .groupTelephoneModal .form-group.pmd-textfield {
            width: 100%;
            margin-right: 0;
        }

        .groupTelephoneModal .form-group:nth-child(2) {
            margin-top: 1rem;
        }
}

/* Groupe telephone - Modal */
/* Groupe Select Modal */
.modal .form-select {
    height: 50px;
    padding: 0px 0px 0px 16px;
    background-image: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-Icon-arrow-down-select.svg");
    background-position: right 15px top 19px;
    border: 1px solid var(--border-input-lbp);
    font-size: 0.85rem;
    color: var(--font-color-titre);
    font-weight: 500;
}

.groupSelectModal .pmd-textfield-focused {
    position: relative;
    top: -1px;
    margin-bottom: 0;
    z-index: 2;
    display: block;
    border: none;
    width: 100%;
    height: 1px;
    /* background-color: #1F368B; */
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

.groupSelectModal .form-group.pmd-textfield .etoile {
    /* position: absolute;
    display: inline-block;
    right: 13px;
    top: 5px;
    z-index: 98; */
    display: none;
}

.groupSelectModal .form-group.pmd-textfield {
    width: 100%;
}

.groupSelectModal .form-group:nth-child(2) {
    width: 320px;
}

.groupSelectModal .pmd-textfield-floating-label.pmd-textfield-floating-label-completed label {
    font-size: var(--body-XS);
    color: #c9c9c9;
    margin-left: 33px;
    -webkit-transform: translateY(7px);
    transform: translateY(7px);
}

.groupSelectModal .pmd-textfield-floating-label label {
    margin-bottom: 0px;
    margin-left: 15px;
    -webkit-transform: translateY(28px);
    transform: translateY(28px);
}

.groupSelectModal .pmd-textfield.has-success .form-control {
    color: var(--font-color);
    border-color: var(--msgSuccess);
}

.groupSelectModal .pmd-textfield.has-error .form-control {
    color: var(--font-color);
    border-color: var(--msgError);
}

@media screen and (min-width: 319px) and (max-width: 600px) {
    .groupSelectModal {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .groupSelectModal .pmd-textfield.form-control {
            width: 100%;
        }

        .groupSelectModal .form-group.pmd-textfield {
            width: 100%;
            margin-right: 0;
        }

        .groupSelectModal .form-group:nth-child(2) {
            margin-top: 1rem;
        }
}

/* Modal Group TextArea */
.groupAreaModal .form-group.pmd-textfield {
    width: 100%;
}

.groupAreaModal .pmd-textfield-floating-label label {
    margin-bottom: 0px;
    margin-left: 15px;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
}

.groupAreaModal .pmd-textfield-floating-label.pmd-textfield-floating-label-completed label {
    font-size: var(--body-XS);
    color: var(--font-color);
    margin-left: 15px;
    -webkit-transform: translateY(7px);
    transform: translateY(8px);
}

.groupAreaModal .pmd-textfield .form-control {
    color: var(--font-color);
    resize: none;
    position: relative;
    width: 100%;
    height: auto;
    min-height: 175px;
    padding: 15px 35px 10px 16px;
    margin-bottom: 0;
    background: transparent;
    border: none;
    border: solid 1px var(--border-input-lbp);
    border-radius: 4px !important;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.groupAreaModal textarea::placeholder {
    color: var(--font-color);
}

.groupAreaModal .text-danger,
.groupAreaModal .text-success {
    display: block;
}

.groupAreaModal .form-group.pmd-textfield .etoile {
    /* position: absolute;
    display: inline-block;
    right: 13px;
    top: 5px;
    z-index: 98; */
    display: none;
}

.groupAreaModal .pmd-textfield.has-error .form-control {
    color: var(--font-color);
    border-color: var(--msgError);
}

.groupAreaModal .pmd-textfield.has-success .form-control {
    color: var(--font-color);
    border-color: var(--msgSuccess);
}

@media screen and (min-width: 319px) and (max-width: 600px) {
    .groupAreaModal .form-group.pmd-textfield {
        width: 100%;
    }
}

/* ===== Scrollbar CSS ===== */

#textareaScroll {
    height: 150px;
    resize: none;
    overflow: hidden;
}

/* Modal Group Textarea */
/* ===== Scrollbar CSS ===== */
/* Modal Group Textarea */
/* Groupe Telephone / Email */
/* Groupe Email HOme */


.groupEmailHome {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .groupEmailHome .pmd-textfield .form-control {
        position: relative;
        width: 100%;
        height: 50px;
        color: var(--font-color);
        font-weight: 300;
        padding: 0px 40px 0px 16px;
        margin-bottom: 0;
        background: var(--white) !important;
        border: none;
        border: solid 1px var(--white);
        border-radius: 4px !important;
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .groupEmailHome .pmd-textfield-focused {
        position: relative;
        top: -1px;
        margin-bottom: 0;
        z-index: 2;
        display: block;
        border: none;
        width: 100%;
        height: 1px;
        /* background-color: #1F368B; */
        -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
        transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
        transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
        transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }

    .groupEmailHome .form-group.pmd-textfield .etoile {
        /* position: absolute;
    display: inline-block;
    right: 13px;
    top: 5px;
    z-index: 999;
    color: var(--white); */
        display: none;
    }

    .groupEmailHome .form-control::placeholder {
        color: var(--font-color);
    }

    .groupEmailHome .form-group.pmd-textfield {
        width: 100%;
        /* margin-right: 20px; */
    }

    .groupEmailHome .form-group:nth-child(2) {
        width: 320px;
    }

    .groupEmailHome .pmd-textfield-floating-label.pmd-textfield-floating-label-completed label {
        font-size: var(--body-XS);
        color: var(--white);
        margin-left: 33px;
        -webkit-transform: translateY(7px);
        transform: translateY(7px);
        position: relative;
        z-index: 98;
    }

    .groupEmailHome .pmd-textfield-floating-label label {
        font-weight: 300;
        margin-bottom: 0px;
        margin-left: 33px;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        position: relative;
        z-index: 98;
    }

    .groupEmailHome .pmd-textfield.has-success .form-control {
        border-color: var(--msgSuccess);
    }

    .groupEmailHome .pmd-textfield.has-error .form-control {
        border-color: var(--msgError);
    }


    .groupEmailHome input:-webkit-autofill,
    .groupEmailHome input:-webkit-autofill:hover,
    .groupEmailHome input:-webkit-autofill:focus {
        -webkit-text-fill-color: var(--white);
        -webkit-box-shadow: 0 0 0px 1000px rgb(255, 255, 255, 0) inset;
        transition: background-color 500s ease-in-out 0s;
    }

@media screen and (min-width: 319px) and (max-width: 600px) {
    .groupEmailHome {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .groupEmailHome .pmd-textfield.form-control {
            width: 100%;
        }

        .groupEmailHome .form-group.pmd-textfield {
            width: 100%;
            margin-right: 0;
        }

        .groupEmailHome .form-group:nth-child(2) {
            margin-top: 1rem;
        }
}

/* Groupe Email HOme */
/* Groupe MDP HOme */

.groupMdtHome {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .groupMdtHome .form-control::placeholder {
        color: var(--font-color) !important;
    }

    .groupMdtHome .pmd-textfield .form-control {
        color: var(--font-color);
        font-weight: 300;
        position: relative;
        width: 100%;
        height: 50px;
        padding: 0px 40px 0px 16px;
        margin-bottom: 0;
        background: var(--white) !important;
        border: none;
        border: solid 1px var(--white);
        border-radius: 4px !important;
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .groupMdtHome .pmd-textfield-focused {
        position: relative;
        top: -1px;
        margin-bottom: 0;
        z-index: 2;
        display: block;
        border: none;
        width: 100%;
        height: 1px;
        /* background-color: #1F368B; */
        -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
        transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
        transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
        transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }

    .groupMdtHome .form-group.pmd-textfield .etoile {
        /* position: absolute;
    display: inline-block;
    right: 13px;
    top: 5px;
    z-index: 98;
    color: var(--white); */
        display: none;
    }

    .groupMdtHome .form-group.pmd-textfield {
        width: 100%;
        /* margin-right: 20px; */
    }

    .groupMdtHome .form-group:nth-child(2) {
        width: 320px;
    }

    .groupMdtHome .pmd-textfield-floating-label.pmd-textfield-floating-label-completed label {
        font-size: var(--body-XS);
        color: var(--white);
        margin-left: 33px;
        -webkit-transform: translateY(7px);
        transform: translateY(7px);
        position: relative;
        z-index: 98;
    }

    .groupMdtHome .pmd-textfield-floating-label label {
        font-weight: 300;
        margin-bottom: 0px;
        margin-left: 33px;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        position: relative;
        z-index: 999;
    }

    .groupMdtHome .pmd-textfield.has-success .form-control {
        border-color: var(--msgSuccess);
    }

    .groupMdtHome .pmd-textfield.has-error .form-control {
        border-color: var(--msgError);
    }

    .groupMdtHome input:-webkit-autofill,
    .groupMdtHome input:-webkit-autofill:hover,
    .groupMdtHome input:-webkit-autofill:focus {
        -webkit-text-fill-color: var(--white);
        -webkit-box-shadow: 0 0 0px 1000px rgb(255, 255, 255, 0) inset;
        transition: background-color 5000s ease-in-out 0s;
    }

@media screen and (min-width: 319px) and (max-width: 600px) {
    .groupMdtHome {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .groupMdtHome .pmd-textfield.form-control {
            width: 100%;
        }

        .groupMdtHome .form-group.pmd-textfield {
            width: 100%;
            margin-right: 0;
        }

        .groupMdtHome .form-group:nth-child(2) {
            margin-top: 1rem;
        }
}

/* Groupe Mot de passe HOme */

/* Groupe Email Modal Authentification */
.groupEmailModalAuth {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .groupEmailModalAuth .colorLabelHome {
        color: var(--font-color);
    }

    .groupEmailModalAuth .pmd-textfield .form-control {
        position: relative;
        width: 100%;
        height: 50px;
        color: var(--font-color) !important;
        /* font-weight: 300; */
        padding: 0px 40px 0px 16px;
        margin-bottom: 0;
        background: transparent;
        border: none;
        border: solid 1px var(--border-input-lbp);
        border-radius: 4px !important;
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .groupEmailModalAuth .pmd-textfield-focused {
        position: relative;
        top: -1px;
        margin-bottom: 0;
        z-index: 2;
        display: block;
        border: none;
        width: 100%;
        height: 1px;
        /* background-color: #1F368B; */
        -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
        transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
        transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
        transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }

    .groupEmailModalAuth .form-group.pmd-textfield .etoile {
        /* position: absolute;
    display: inline-block;
    right: 13px;
    top: 5px;
    z-index: 999; */
        display: none;
    }

    .groupEmailModalAuth .form-group.pmd-textfield {
        width: 100%;
        /* margin-right: 20px; */
    }

    .groupEmailModalAuth .form-group:nth-child(2) {
        width: 320px;
    }

    .groupEmailModalAuth .pmd-textfield-floating-label.pmd-textfield-floating-label-completed label {
        font-size: var(--body-XS);
        color: var(--font-color);
        margin-left: 33px;
        -webkit-transform: translateY(7px);
        transform: translateY(7px);
        position: relative;
        z-index: 98;
    }

    .groupEmailModalAuth .pmd-textfield-floating-label label {
        font-weight: 300;
        margin-bottom: 0px;
        margin-left: 33px;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        position: relative;
        z-index: 98;
    }

    .groupEmailModalAuth .pmd-textfield.has-success .form-control {
        color: var(--font-color);
        border-color: var(--msgSuccess);
    }

    .groupEmailModalAuth .pmd-textfield.has-error .form-control {
        color: var(--font-color);
        border-color: var(--msgError);
    }

    .groupEmailModalAuth input:-webkit-autofill,
    .groupEmailModalAuth input:-webkit-autofill:hover,
    .groupEmailModalAuth input:-webkit-autofill:focus {
        -webkit-text-fill-color: var(--white);
        -webkit-box-shadow: 0 0 0px 1000px rgb(255, 255, 255, 0) inset;
        transition: background-color 500s ease-in-out 0s;
    }

@media screen and (min-width: 319px) and (max-width: 600px) {
    .groupEmailModalAuth {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .groupEmailModalAuth .pmd-textfield.form-control {
            width: 100%;
        }

        .groupEmailModalAuth .form-group.pmd-textfield {
            width: 100%;
            margin-right: 0;
        }

        .groupEmailModalAuth .form-group:nth-child(2) {
            margin-top: 1rem;
        }
}

/* Groupe Email Modal Authentification */
/* Groupe Mot de passe Modal Authentification */
.groupMdtModalAuth .oeilOuvert,
.groupMdtModalAuth .oeilFerme {
    fill: var(--font-color-titre);
}


.groupMdtModalAuth {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .groupMdtModalAuth .colorLabelHome {
        color: var(--font-color);
    }

    .groupMdtModalAuth .pmd-textfield .form-control {
        color: var(--font-color);
        /* font-weight: 300; */
        position: relative;
        width: 100%;
        height: 50px;
        padding: 0px 66px 0px 16px;
        margin-bottom: 0;
        background: transparent !important;
        border: none;
        border: solid 1px var(--border-input-lbp);
        border-radius: 4px !important;
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .groupMdtModalAuth .pmd-textfield-focused {
        position: relative;
        top: -1px;
        margin-bottom: 0;
        z-index: 2;
        display: block;
        border: none;
        width: 100%;
        height: 1px;
        /* background-color: #1F368B; */
        -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
        transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
        transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
        transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }

    .groupMdtModalAuth .form-group.pmd-textfield .etoile {
        /* position: absolute;
    display: inline-block;
    right: 6px;
    top: 6px;
    z-index: 98; */
        display: none;
    }

    .groupMdtModalAuth .form-group.pmd-textfield {
        width: 100%;
        /* margin-right: 20px; */
    }

    .groupMdtModalAuth .form-group:nth-child(2) {
        width: 320px;
    }

    .groupMdtModalAuth .pmd-textfield-floating-label.pmd-textfield-floating-label-completed label {
        font-size: var(--body-XS);
        color: var(--font-color);
        margin-left: 33px;
        -webkit-transform: translateY(7px);
        transform: translateY(7px);
        position: relative;
        z-index: 98;
    }

    .groupMdtModalAuth .pmd-textfield-floating-label label {
        font-weight: 300;
        margin-bottom: 0px;
        margin-left: 33px;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        position: relative;
        z-index: 999;
    }

    .groupMdtModalAuth .pmd-textfield.has-success .form-control {
        color: var(--font-color);
        border-color: var(--msgSuccess);
    }

    .groupMdtModalAuth .pmd-textfield.has-error .form-control {
        color: var(--font-color);
        border-color: var(--msgError);
    }

    .groupMdtModalAuth input:-webkit-autofill,
    .groupMdtModalAuth input:-webkit-autofill:hover,
    .groupMdtModalAuth input:-webkit-autofill:focus {
        -webkit-text-fill-color: var(--white);
        -webkit-box-shadow: 0 0 0px 1000px rgb(255, 255, 255, 0) inset;
        transition: background-color 5000s ease-in-out 0s;
    }

@media screen and (min-width: 319px) and (max-width: 600px) {
    .groupMdtModalAuth {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .groupMdtModalAuth .pmd-textfield.form-control {
            width: 100%;
        }

        .groupMdtModalAuth .form-group.pmd-textfield {
            width: 100%;
            margin-right: 0;
        }

        .groupMdtModalAuth .form-group:nth-child(2) {
            margin-top: 1rem;
        }
}

/* Groupe Mot de passe Modal Authentification */
/* Mot de passe oublie Modal Authentification */
.mdpOublierModalAuth,
.mdpOublierModalAuth:hover {
    font-size: var(--body-XS);
    font-weight: 500;
    color: var(--font-color-titre);
    text-decoration: underline;
}

/* Mot de passe oublie Modal Authentification */

/* Nouvelle => Step 5  */

/* Assistance Voyage Btn HeartBeat */
.btnHeart {
    display: none;
    position: absolute;
    bottom: 100px;
    right: 10px;
    background-color: #C0D0D8;
    border-radius: 8px;
    height: 83px;
    width: 87px;
    z-index: 1;
    cursor: pointer;
}

    .btnHeart::before {
        content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-ic_call_large.svg");
        display: flex;
        justify-content: center;
        margin-top: 6px;
    }

    .btnHeart p {
        color: #096D7F;
        font-size: 10px;
        text-align: center;
        line-height: 1.2;
    }

#blocHeart {
    display: none;
    position: absolute;
    bottom: 100px;
    right: 10px;
    opacity: 0;
    /* transition: all 0.3s ease-in-out; */
    transform: translateX(0);
    background-color: #C0D0D8;
    border-radius: 4px;
    width: 200px;
    height: 83px;
    z-index: 0;
    /* display: flex;
    flex-direction: column;
    justify-content: center; */
    cursor: pointer;
}

    #blocHeart.show {
        z-index: 2;
        opacity: 1;
    }

.txtAssitanceVoy {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .txtAssitanceVoy p {
        color: #096D7F;
        width: 100%;
        line-height: 1.3;
        font-size: 11px;
        text-transform: uppercase;
        margin-top: 5px;
    }

.iconHeart {
    width: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 5px;
}

    .iconHeart::before {
        content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-ic_call_large.svg");
        margin-right: 10px;
        margin-left: 14px;
    }

.telAssistanceVoyage p,
.telAssistanceVoyage a {
    color: #096D7F;
    font-size: 11px;
    text-align: center;
    text-decoration: none;
    display: block;
}

.blocDemandeAssistance {
    display: none;
}

#BtnHeartBeatFooter {
    display: none;
}

@media (max-width: 1000px) {
    .blocDemandeAssistance {
        display: none;
    }

    #BtnHeartBeat,
    #blocHeart {
        display: none;
    }

    #BtnHeartBeatFooter {
        width: 100%;
        background-color: #2ED4D4;
        height: 75px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-transform: uppercase;
        font-size: var(--body-XS);
        position: sticky;
        bottom: 75px;
        z-index: 99;
    }

    .pictoAssistanceVoy {
        display: flex;
    }

    .iconHeart {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--white);
        margin-bottom: 0;
    }

    .telAssistanceVoyage {
        display: flex;
        justify-content: center;
    }
}

/* Assistance Voyage Btn HeartBeat */

/* BLOC NOUVEAU WIDGET AVEC TUILE */
#blocNewWidget .widget-divider {
    height: 1px;
    background-color: var(--white);
    margin: 5px 0;
}

#blocNewWidget .btn-widget {
    background: var(--bleu-lbp);
    color: var(--white);
    font-size: var(--body-XS);
    font-weight: 600;
    padding: 8px 13px;
    border-radius: 6px;
    outline: none;
    border: none;
    margin: 10px auto;
    display: block;
    width: 80px;
}

    #blocNewWidget .btn-widget:hover {
        background: var(--btn-suivant-hover);
    }

.newWidget {
    position: absolute;
    height: auto;
    bottom: 100px;
    width: 110px;
    right: 10px;
    padding: 10px 5px 5px 5px;
    background-color: var(--bleu-tuile);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    z-index: 1;
    /* cursor: pointer; */
}

    .newWidget p {
        color: var(--font-color);
        font-weight: 700;
        font-size: 10px;
        text-align: center;
        line-height: 1.4;
    }

        .newWidget p:nth-child(2) {
            color: var(--font-color);
            font-weight: 400;
            font-size: 10px;
            text-align: center;
            line-height: 1.4;
        }

    .newWidget a {
        color: var(--font-color);
        font-weight: 700;
        font-size: 12px;
        text-align: center;
        line-height: 1.4;
        text-decoration: none;
    }

    .newWidget span {
        display: block;
        color: var(--font-color);
        font-weight: 700;
        font-size: 8px;
        text-align: center;
        line-height: 1.3;
    }



.tuile-widget-demande-assistance {
    background-color: var(--white);
    border: 1px solid var(--bleu-tuile);
    box-shadow: 0px 0px 6px rgba(35, 35, 35, 0.06);
    align-items: flex-start;
}

    .tuile-widget-demande-assistance h2 {
        font-weight: 700;
        font-size: var(--heading-S);
        color: var(--font-color);
        width: 100%;
        /* text-transform: uppercase; */
    }

    .tuile-widget-demande-assistance p {
        font-weight: 500;
        color: var(--font-color);
        font-size: var(--body-S);
        line-height: var(--lineHeight-S);
    }

    .tuile-widget-demande-assistance a {
        font-weight: 500;
        color: var(--bleu-lbp);
        font-size: var(--body-S);
        line-height: var(--lineHeight-S);
        text-decoration: none;
    }

    .tuile-widget-demande-assistance span {
        font-weight: 500;
        color: var(--font-color);
        font-size: var(--body-XS);
        line-height: var(--lineHeight-S);
        text-decoration: none;
    }

    .tuile-widget-demande-assistance .widget-divider {
        height: 1px;
        background-color: var(--font-color);
        width: 50%;
        margin: 15px auto;
    }

    .tuile-widget-demande-assistance .btn-widget {
        background: var(--bleu-lbp);
        color: var(--white);
        font-size: var(--body-S);
        font-weight: 600;
        padding: 12px 22px;
        border-radius: 6px;
        outline: none;
        border: none;
        margin: 20px auto 0;
        display: flex;
        justify-self: center;
    }

        .tuile-widget-demande-assistance .btn-widget:hover {
            background: var(--btn-suivant-hover);
        }

.tuileNewWidget {
    display: none;
}

.blocDemandeAssistance {
    display: none;
}

@media (max-width: 1000px) {
    #blocNewWidget {
        display: none;
    }

    .blocDemandeAssistance {
        display: none;
    }

    .tuileNewWidget {
        display: block;
    }

    .tuile-widget-demande-assistance h2, .tuile-widget-demande-assistance p {
        text-align: center;
    }
}
/* BLOC NOUVEAU WIDGET AVEC TUILE */



/* RECAP SINISTRE */
.titleRecapSinistre {
    color: var(--font-color-titre);
    font-size: var(--heading-M);
    font-weight: 700;
    /* text-transform: uppercase; */
}

.tabRecapSinistre {
    display: flex;
}

.tabRecapLeft {
    width: 50%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-start;
    margin-right: 20px;
}

.tabRecapSinistre .tabRecapLeft .titleEtInfo {
    width: 100%;
    display: flex;
    align-items: center;
}

.tabRecapRight {
    width: 50%;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.tabRecapSinistre .tabRecapLeft .titleEtInfo {
    width: 100%;
    display: flex;
    align-items: flex-start;
}

.tabRecapSinistre .tabRecapRight .titleEtInfo {
    width: 100%;
    display: flex;
    align-items: flex-start;
}

.tabRecapSinistre .tabRecapRight .txtCourantDescriptif {
    font-size: var(--body-XS);
    font-weight: 500;
}

@media (max-width:768px) {
    .tabRecapRight {
        width: 100%;
    }

    .tabRecapSinistre {
        flex-direction: column;
    }

    .tabRecapLeft {
        margin-right: 0px;
        width: 100%;
    }
}

.recapTabList {
    margin-top: 10px;
}

    .recapTabList li {
        font-size: var(--body-S);
    }

.btnStepRecapSinistre {
    width: 100%;
    max-width: 500px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (max-width:550px) {
    .btnStepRecapSinistre {
        flex-direction: column;
        justify-content: flex-end;
    }

        .btnStepRecapSinistre .me-auto {
            margin-right: 0 !important;
        }

        .btnStepRecapSinistre .previousStep {
            margin-bottom: 15px;
            width: 100%;
        }

        .btnStepRecapSinistre .btn-default-primaire {
            width: 100%;
        }
}

.reductTxt {
    text-decoration: none;
    font-weight: 700;
    color: var(--bleu-lbp)
}

    .reductTxt:hover {
        text-decoration: underline;
        font-weight: 700;
        color: var(--font-color)
    }

/* TODO 21/03/2023 */
/* recap sinsitre ONGLET */
.listPieceJustif h3 {
    margin-bottom: 0;
    font-size: var(--heading-S);
    font-weight: 700;
    color: var(--font-color);
}

.panneauTabList {
    display: none;
    background-color: #f7f7f7;
    padding: 20px 5px 15px 0px;
    margin-bottom: 10px;
    margin-top: 5px;
    border-top: #ECEDF0;
}

    .panneauTabList ul {
        margin-bottom: 0;
    }

    .panneauTabList li {
        font-size: var(--body-S);
    }

.panneauTabList-active {
    display: block;
}

.ongletRecap {
    position: relative;
    margin-top: 0px;
}

.arrowPieceJustif {
    position: absolute;
    top: 23px;
    right: 12px;
    stroke: #ccc;
    transform: rotate(0deg);
}

    .arrowPieceJustif.active {
        transform: rotate(180deg);
        stroke: var(--bleu-lbp);
    }

.choixRecap {
    height: 100%;
    width: 100%;
    outline: none;
    border: none;
    margin-top: 20px;
    font-size: var(--body-S);
    text-align: left;
    color: var(--font-color);
    background-color: transparent;
    cursor: pointer;
}

.filet {
    display: block;
    width: 100%;
    height: 1px;
    position: relative;
    top: 5px;
    background: #ECEDF0;
}

    .filet.active {
        display: block;
        background: var(--bleu-lbp);
    }

.choixRecap.choixRecap-active {
    color: var(--font-color);
    font-weight: 700;
}

/* .choixRecap.choixRecap-active:after {
    color: var(--nav-color);
    background: var(--nav-color);
} */

@media (max-width:550px) {
    .choixRecap {
        display: block;
        height: auto;
        width: 85%;
    }
}

/* recap sinsitre ONGLET */
/* TODO 21/03/2023 */
/* RECAP SINISTRE */

#choixGarantie1 {
    display: block;
}

#choixGarantie2 {
    display: block;
}

.blocChoixGarantie {
    display: flex;
    flex-wrap: wrap;
}

.blocDesGaranties {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    margin-right: 10px;
    border-radius: 5px;
    text-align: center;
    padding: 12px 24px;
    border: 1px solid var(--border-gray-lbp);
    box-shadow: 0px 0px 6px rgba(35, 35, 35, 0.06);
}

/* .blocDesGarantiesChecked1::before {
    content: url(../../images/Lbp-securiPanne.svg);
    position: relative;
    top: 3px;
    margin-right: 5px;
} */

/* .blocDesGarantiesChecked2::before {
    content: url(../../images/Lbp-voyageLoisir.svg);
    position: relative;
    top: 3px;
    margin-right: 5px;
} */
/* .blocDesGarantiesChecked1.active::before {
    content: url(../../images/Lbp-securiPanne-white.svg);
    position: relative;
    top: 3px;
    margin-right: 5px;
} */

/* .blocDesGarantiesChecked2.active::before {
    content: url(../../images/Lbp-voyageLoisir-white.svg);
    position: relative;
    top: 3px;
    margin-right: 5px;
} */
.blocDesGarantiesChecked1 {
    color: var(--font-color-titre);
    font-size: var(--body-S);
    font-weight: 600;
}

.blocDesGarantiesChecked2 {
    color: var(--font-color-titre);
    font-size: var(--body-S);
    font-weight: 600;
}

.blocDesGarantiesChecked1 svg {
    fill: var(--font-color-titre);
    margin-right: 5px;
}

.blocDesGarantiesChecked2 svg {
    fill: var(--font-color-titre);
    margin-right: 5px;
}

.blocDesGarantiesChecked1.active svg {
    fill: var(--white);
    margin-right: 5px;
}

.blocDesGarantiesChecked2.active svg {
    fill: var(--white);
    margin-right: 5px;
}

.blocDesGarantiesChecked1.active {
    color: var(--white);
    background-color: var(--bleu-lbp);
}

.blocDesGarantiesChecked2.active {
    color: var(--white);
    background-color: var(--bleu-lbp);
}
/*----------------------------------------------*/
.pictoIdMarsh svg {
    fill: var(--font-color-titre);
    margin-left: 5px;
}

.pictoIdMarsh.active svg {
    fill: var(--white);
    margin-left: 5px;
}

.blocIdMarsh {
    color: var(--font-color-titre);
    font-size: var(--body-S);
    font-weight: 600;
}

    .blocIdMarsh.active {
        color: var(--white);
        background-color: var(--font-color-titre);
    }

    .blocIdMarsh svg {
        fill: var(--font-color);
        margin-right: 5px;
    }

    .blocIdMarsh.active svg {
        fill: var(--white);
        margin-right: 5px;
    }

.pictoAutresGaranties svg {
    fill: var(--font-color-titre);
    margin-right: 5px;
}

.pictoAutresGaranties.active svg {
    fill: var(--white);
    margin-right: 5px;
}

.pictoIdMarsh {
    color: var(--font-color-titre);
    font-size: var(--body-S);
    font-weight: 600;
}

.pictoAutresGaranties {
    color: var(--font-color-titre);
    font-size: var(--body-S);
    font-weight: 600;
}

.pictoIdMarsh.active {
    color: var(--white);
    background-color: var(--bleu-lbp);
}

.pictoAutresGaranties.active {
    color: var(--white);
    background-color: var(--bleu-lbp);
}


@media (max-width:665px) {
    .blocDesGaranties {
        width: 100%;
        margin-right: 0px;
    }

        .blocDesGaranties:last-child {
            margin-top: 15px;
        }
}

/* BLOC SECURIPANNE ET SECURISHOPPING */
.activeGarantiesNeigeSelect {
    display: none;
}

/* .activeGarantiesNeigeSelect{
    display: none;
} */
#containerSecuriPanne h4,
#containerSecuriShopping h4 {
    color: var(--font-color-titre);
    font-size: var(--body-S);
    font-weight: 700;
}

    #containerSecuriPanne h4 span,
    #containerSecuriShopping h4 span {
        font-weight: 500;
        font-size: var(--body-S);
        font-weight: 500;
    }

.blocChoixPrejudice {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: var(--body-S);
    border: 1px solid #e7e7e7;
    padding: 15px;
    width: 500px;
    margin-bottom: 8px;
    border-radius: 4px;
}

    .blocChoixPrejudice label {
        width: 410px;
        cursor: pointer;
        margin-left: 5px;
    }
/* CATS */
.form-check-label {
    width: 100%;
}
/* CATS */
@media (max-width:550px) {
    .blocChoixPrejudice {
        width: 100%;
    }

    .form-check-label {
        width: 90%;
    }

    .blocChoixPrejudice label {
        width: 200px;
    }
}

.activeGarantiesNeigeSelect {
    display: none;
}

.activeSecuriShopping {
    display: none;
}

.activeSecuriPanne {
    display: none;
}

#containerGarantiesNeige h4 {
    font-weight: 700;
    font-size: var(--body-S);
}

    #containerGarantiesNeige h4 span {
        font-weight: 500;
        font-size: var(--body-S);
    }

/* .GarantiesNeigeSelect{
    display: none;
} */


/* BLOC SECURIPANNE ET SECURISHOPPING */
.groupBien .pmd-textfield .form-control {
    position: relative;
    width: 100%;
    height: 50px;
    padding: 0px 40px 0px 16px;
    margin-bottom: 0;
    font-size: 0.85rem;
    background: transparent;
    border: none;
    border: solid 1px var(--border-input-lbp);
    border-radius: 4px !important;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.groupBien .pmd-textfield.has-success .form-control {
    color: var(--font-color);
    border-color: var(--msgSuccess);
}

.groupBien .pmd-textfield.has-error .form-control {
    color: var(--font-color);
    border-color: var(--msgError);
}

.groupBien .form-group.pmd-textfield {
    width: 430px;
}

    .groupBien .form-group.pmd-textfield .etoile {
        /* position: absolute;
    display: inline-block;
    right: 13px;
    top: 5px;
    z-index: 99; */
        display: none;
    }

.groupBien .pmd-textfield-floating-label.pmd-textfield-floating-label-completed label {
    font-size: var(--body-XS);
    color: var(--font-color);
    margin-left: 15px;
    -webkit-transform: translateY(7px);
    transform: translateY(7px);
    position: relative;
    z-index: 98;
}

.groupBien .pmd-textfield-floating-label label {
    margin-bottom: 0px;
    margin-left: 15px;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
}

#dataListcounterCaract {
    font-size: var(--body-XS);
    color: var(--bandeau-txt-badge);
    display: flex;
    justify-content: flex-start;
    width: 98%;
}

.errorMsg {
    display: inline-block;
    font-size: var(--body-XS);
    color: var(--msgError);
    line-height: 1.5;
    margin-top: 4px;
}

.validMsg {
    font-size: var(--body-XS);
    color: var(--msgValid);
    line-height: 1.3;
}

/* NOUVELLE SECTION "DECLARATION DE SINISTRE" */

/* MODAL GENERIQUE */

/* CATS */
.modal-header {
    position: relative;
    background-color: transparent;
    color: var(--white);
    border: none;
    padding: 5px;
    width: 100%;
}

.btn-close {
    background: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-btnCLose.svg") no-repeat;
    position: absolute;
    top: 25px;
    right: 0;
    width: 55px;
    height: 46px;
    opacity: 1;
    box-sizing: border-box;
}

    .btn-close:hover {
        background: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-btnCLose.svg") no-repeat;
        opacity: 1 !important;
    }

    .btn-close:focus {
        box-shadow: none;
    }

.modal-content {
    border: none !important;
}

.modalHeaderTitle {
    display: block;
    width: 100%;
    position: relative;
    top: 50px;
    text-align: center;
}

    .modalHeaderTitle.modalHeaderTitleTop30 {
        top: 30px;
    }

    .modalHeaderTitle p {
        color: var(--font-color);
        font-size: var(--body-M);
    }

    .modalHeaderTitle .modal-title {
        font-size: var(--heading-S);
        font-weight: 700;
        color: var(--font-color-titre);
        padding: 0 15px;
    }

.modal-body.modalMarginTop {
    margin-top: 45px;
}

.modal-body.modalMarginTop30 {
    margin-top: 30px;
}

.modal-body p {
    font-size: var(--body-S);
}

.validButtonModal {
    border-radius: 6px;
    background-color: var(--bleu-lbp);
    color: var(--white);
    height: 46px;
    padding: 10px 20px;
    border: none;
    outline: none;
    font-size: var(--body-S);
    font-weight: 500;
}

    .validButtonModal:hover {
        background-color: var(--btn-suivant-hover);
    }

    .validButtonModal:disabled {
        background-color: var(--color-disabled);
        color: var(--txt-disabled);
        cursor: not-allowed;
    }

@media (max-width:530px) {
    .validButtonModal {
        height: auto;
        padding: 12px 20px;
    }
}

.lienSouligneSousBtn {
    font-size: var(--body-S);
    color: var(--bleu-lbp);
    text-decoration: underline;
    border: none;
    background-color: transparent;
}

.lienSouligneModal {
    background: var(--white);
    border: 1px solid var(--btn-precedent);
    color: var(--btn-precedent);
    font-size: var(--body-S);
    font-weight: 600;
    padding: 14px 22px;
    border-radius: 6px;
    outline: none;
}

    .lienSouligneModal:hover {
        background: var(--btn-precedent-hover);
    }

/* .lienSouligneModal::before {
    content: url(../../images/Lbp-arrow-left.svg);
    margin-right: 5px;
} */

.alignBtnModal {
    display: flex;
}

@media (max-width:650px) {
    .alignBtnModal {
        flex-direction: column;
    }

        .alignBtnModal .lienSouligneModal {
            margin-bottom: 10px;
            margin-right: 0px;
        }
}

/* A RAJOUTER DANS LCL et AUTRES */
/* SYSTEME UPLOAD */
/******************* SECTION 1 ************/
#section1 {
    position: relative;
    border: 1px dashed var(--border-UploadFichier);
    background-color: var(--bg-UploadFichier);
    /* max-width: 750px; */
    width: 100%;
    height: 100px;
    color: #c7c7c7;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}

    #section1:after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

    #section1.active {
        border-color: #006C7F;
        color: #ccc;
    }

    #section1 i {
        font-size: 130px;
    }

    #section1 h2 {
        font-size: var(--body-S);
        margin: 0;
        text-align: left;
    }

        #section1 h2 span {
            font-size: var(--body-M);
            display: block;
        }

    #section1 .imgFileUpload {
        width: 25px;
        margin-right: 10px;
    }

    #section1 p {
        font-size: var(--body-XS);
        color: #c7c7c7;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        margin-left: 10px;
        margin-right: 10px;
    }

    #section1 input {
        display: none;
    }

    #section1 label {
        display: flex;
        align-items: center;
        font-size: var(--body-XS);
        color: var(--font-color);
        text-decoration: underline;
        cursor: pointer;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        z-index: 1;
    }

        #section1 label:hover {
            color: var(--font-color);
            -webkit-transition: 0.5s;
            transition: 0.5s;
        }

    #section1 span {
        display: flex;
        align-items: center;
        font-size: var(--body-XS);
        color: var(--font-color);
        text-decoration: underline;
        cursor: pointer;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        z-index: 1;
    }

        #section1 span:hover {
            color: var(--font-color);
            -webkit-transition: 0.5s;
            transition: 0.5s;
        }

@media screen and (max-width: 750px) {
    #section1 {
        height: auto;
        width: 100%;
        padding: 10px 0px;
        margin-top: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        #section1 .imgFileUpload {
            width: 15px;
            margin-right: 10px;
        }

        #section1 label {
            text-align: left;
        }

        #section1 span {
            text-align: left;
        }
}

/******************* SECTION 1 ************/
/* PROGRESS BAR */
.progress-area .row .content {
    width: 100%;
    margin-left: 15px;
}

.progress-area .details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 7px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.progress-area .content .progress-bar {
    height: 6px;
    width: 100%;
    margin-bottom: 4px;
    background: var(--white);
    border-radius: 30px;
}

.content .progress-bar .progress {
    height: 100%;
    width: 0%;
    background: #6990F2;
    border-radius: inherit;
}

/* SYSTEME UPLOAD */

/*DEVISE*/
#devise .bs-searchbox {
    background-color: var(--white);
    border: 1px solid #cfcfcf;
}

#devise .dropdown-menu .show {
    background-color: #f7f7f7;
}

#devise .dropdown-item.active,
.dropdown-item:active {
    color: var(--white);
    text-decoration: none;
    background-color: var(--font-color);
}

#devise .dropdown .bootstrap-select {
    background-color: transparent !important;
    border: none !important;
}

    #devise .dropdown .bootstrap-select:focus {
        outline: none !important;
    }

#devise .selectpicker:focus {
    outline: none !important;
}

#devise .btn-light {
    color: var(--font-color);
    background-color: transparent !important;
    border-color: transparent !important;
    outline: none !important;
}

#devise .btn.dropdown-toggle.btn-light:hover {
    color: var(--font-color);
    background-color: transparent !important;
    border-color: transparent !important;
    outline: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#devise .show > .btn-light.dropdown-toggle {
    color: var(--font-color);
    background-color: transparent;
    border-color: none !important;
    outline: none !important;
}

/*Rajout 23032022*/
#devise .dropdown-menu {
    margin: 0px;
    padding: 0px;
}

#devise .bootstrap-select .dropdown-menu li a span.text {
    font-size: var(--body-S);
}

/*Rajout 23032022*/
#devise .btn {
    padding: 0.375rem 0.75rem 0.375rem 0rem;
    font-size: 0.875rem;
    outline: none !important;
}

#devise .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    font-size: 0.85rem;
    outline: none !important;
    text-transform: uppercase;
}

.groupDevise .dropDevise.pmd-textfield .bs-searchbox .form-control {
    border-bottom: none;
}

#devise .euros {
    content: url("https://static.europ-assistance.fr/PortailBancaire/images/eur.webp");
    width: 15px !important;
}

#devise .dollars {
    content: url("https://static.europ-assistance.fr/PortailBancaire/images/usd.webp");
    width: 15px !important;
}

#devise .yuan {
    content: url("https://static.europ-assistance.fr/PortailBancaire/images/cny.webp");
    width: 15px !important;
}

#devise .livreSterling {
    content: url("https://static.europ-assistance.fr/PortailBancaire/images/gbp.webp");
    width: 15px !important;
}

/*DEVISE*/

/* Validite de la carte */
.jpa .form-control {
    display: block;
    width: 50px;
    height: 50px;
    /* padding: 0.5rem 0.55rem; */
    font-size: 1.5rem;
    font-weight: 500;
    /* line-height: 1.5; */
    color: #212529;
    background-color: var(--white);
    background-clip: padding-box;
    /* border: 1px solid #ced4da; */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.375rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

    .jpa .form-control:focus {
        border-color: var(--bleu-lbp);
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.jpa .has-Value {
    border: 2px solid var(--bleu-lbp);
}

.jpa {
    list-style: none;
    display: flex;
    flex-direction: row;
    align-items: center;
}

    .jpa input {
        margin-right: .5rem;
        text-align: center;
    }

    .jpa .slashDate {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: var(--heading-L);
        margin-top: 0;
        color: #9B9B9B;
        width: 50px;
    }

.smsChamps {
    list-style: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

    .smsChamps .form-control {
        display: block;
        width: 50px;
        height: 50px;
        font-size: 1.5rem;
        padding-top: 0px;
        font-weight: 500;
        color: var(--bleu-lbp);
        background-color: var(--white);
        background-clip: padding-box;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: 0.375rem;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    }

    .smsChamps input {
        margin-right: .5rem;
        text-align: center;
    }

    .smsChamps .form-control:focus {
        border-color: var(--bleu-lbp);
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .smsChamps .has-Value {
        border: 2px solid var(--bleu-lbp);
    }

@media (max-width:550px) {
    .smsChamps .form-control {
        width: 45px;
    }
}

/* Validite de la carte */

.alert-danger {
    --bs-alert-color: #842029;
    --bs-alert-bg: transparent;
    --bs-alert-border-color: var(--white);
}

.alert-dismissible {
    padding: 0;
}

.msgError .alert-warning {
    text-align: left;
}

.msgError p {
    color: var(--msgError);
}

/* TODO 15/03/2023 */
.iconeAccueil {
    content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-icone-home.svg");
    margin-right: 5px;
}

/* TODO 15/03/2023 */

.btnModalMessage {
    color: var(--font-color-titre);
    border: none;
    outline: none;
    background-color: transparent;
    font-size: var(--body-S);
    text-align: left;
}

.modal-message-active {
    display: flex;
    align-items: center;
    font-weight: 700;
}

    .modal-message-active::before {
        content: "";
        display: block;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background-color: var(--bleu-lbp);
        margin-right: 10px;
    }

.reponseMessage {
    text-align: left;
    color: #A2A6AF;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: var(--body-S);
    width: 78%;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    vertical-align: middle;
    z-index: 0;
}

    .reponseMessage span {
        font-weight: 700;
    }

.reponseMessageHidden {
    display: none;
    font-size: var(--body-S);
}

    .reponseMessageHidden.active {
        display: block;
    }

.arrowMessageModal {
    position: absolute;
    top: 8px;
    right: 100px;
    stroke: var(--font-color);
    fill: var(--border-gray-lbp);
    z-index: 2;
}

    .arrowMessageModal.active {
        transform: rotate(180deg);
    }

.arrowMessageModalPortail.active {
    transform: rotate(0deg);
}

.arrowMessageModalPortail {
    fill: #eaedf0;
    transform: rotate(180deg);
    position: absolute;
    right: 105px;
    z-index: 1;
}

    .arrowMessageModalPortail .arrowColor {
        fill: var(--font-color-titre);
    }

@media screen and (min-width:350px) and (max-width:380px) {
    .arrowMessageModalPortail {
        right: 100px;
    }

    .reponseMessage {
        width: 65%;
    }

    .arrowMessageModal {
        right: 97px;
    }
}

@media screen and (min-width:381px) and (max-width:600px) {
    .reponseMessage {
        width: 70%;
    }

    .arrowMessageModal {
        right: 100px;
    }
}

/* MODAL message actif */
/* Creation espace client */
.container-recup-mdp {
    width: 90%;
    max-width: 600px;
    min-width: 320px;
    padding: 25px 30px 25px;
    margin: 30px auto 20px;
    background-color: var(--white);
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid var(--border-gray-lbp);
    box-shadow: 0px 0px 6px rgba(35, 35, 35, 0.06);
}

/* CATS */
.container-recup-title {
    text-align: center;
    background-color: var(--white);
    padding: 5px 0px;
}

    .container-recup-title h5 {
        margin: 0;
        color: var(--font-color-titre);
        font-size: var(--heading-M)
    }
/* CATS */
.container-recup-body {
    padding: 0px;
}

@media screen and (max-width:768px) {
    .container-recup-mdp {
        padding: 25px 12px 25px;
    }
}

@media (max-width:500px) {
    .container-recup-title h5 {
        font-size: var(--heading-S)
    }

    .container-recup-mdp .validButtonModal {
        padding: 12px 15px;
    }
}

.container-404 {
    width: 90%;
    max-width: 600px;
    min-width: 320px;
    margin: 30px auto 20px;
    background-color: #FDF1F1;
}

    .container-404 > div > p {
        font-weight: 500;
    }

.container-404-title {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 0px 0px 0px;
}

    .container-404-title h5 {
        margin: 0;
        color: var(--font-color);
        font-size: var(--heading-S);
        font-weight: 700;
    }

.container-404-body {
    padding: 20px;
}

    .container-404-body p:first-child {
        font-size: var(--body-M);
        font-weight: 700;
        margin-bottom: 10px;
    }

    .container-404-body p:last-child {
        font-size: var(--body-S);
    }

    .container-404-body a {
        color: var(--bleu-lbp);
    }

.container-404-title::before {
    content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-infoBulleRouge.svg");
    position: relative;
    top: 2px;
    margin-right: 10px;
}

@media (max-width:500px) {
    .container-404-title h5 {
        font-size: 22px;
    }

    .container-404 .validButtonModal {
        padding: 0px 15px;
    }
}

/* Creation espace client */
/* CATS */
/* CATS --> ERREUR VALIDATION HOME */
.hpDroite .alert-danger {
    background-color: var(--white);
    border-radius: 0;
    width: 100%;
}

.hpDroite .msgError .alert-warning {
    color: var(--font-color);
    position: relative;
    display: flex;
    background-color: none;
    font-weight: 500;
    text-transform: none;
    font-size: var(--body-XS);
    margin: 0;
}

    .hpDroite .msgError .alert-warning:before {
        content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-infoBulleRouge.svg");
        position: relative;
        top: 0px;
        margin-right: 10px;
    }

.hpGauche .alert-danger {
    background-color: #fdf1f1;
    border-color: transparent;
    border-radius: 0;
}
/* CATS */
.hpGauche .msgError .alert-warning {
    color: var(--font-color);
    position: relative;
    display: flex;
    background-color: transparent !important;
    font-weight: 500;
    text-transform: none;
    font-size: var(--body-XS);
    margin: 0;
}

    .hpGauche .msgError .alert-warning:before {
        content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-infoBulleRouge.svg");
        position: relative;
        top: 0px;
        margin-right: 10px;
    }
/* CATS */
.alert-dismissible {
    padding: 10px;
}

.msgError .alert-warning {
    text-align: left;
}

.msgError p {
    color: var(--msgError);
}

/* CATS --> ERREUR VALIDATION HOME */
/* CATS */
/* RAJOUT MODAL Definition de mot de passe => 07/09/2023  */
/* --------bloc aligner code postal et Ville------ */
.groupComboTwo .pmd-textfield .form-control {
    position: relative;
    width: 100%;
    height: 50px;
    padding: 0px 40px 0px 16px;
    margin-bottom: 0;
    background: transparent;
    border: none;
    border: solid 1px var(--border-input-lbp);
    border-radius: 4px !important;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .groupComboTwo .pmd-textfield .form-control.paddPays {
        position: relative;
        width: 100%;
        height: 50px;
        padding: 15px 60px 0px 33px;
        margin-bottom: 0;
        background: transparent;
        border: none;
        border: solid 1px var(--border-input-lbp);
        border-radius: 5px;
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.groupComboTwo .pmd-textfield-focused {
    position: relative;
    top: -1px;
    margin-bottom: 0;
    z-index: 2;
    display: block;
    border: none;
    width: 100%;
    height: 1px;
    /* background-color: #1F368B; */
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

.groupComboTwo .form-group.pmd-textfield .etoile {
    /* position: absolute;
    display: inline-block;
    right: 13px;
    top: 5px;
    z-index: 98; */
    display: none;
}

.groupComboTwo .pmd-textfield-floating-label.pmd-textfield-floating-label-completed label {
    font-size: var(--body-XS);
    color: #c9c9c9;
    margin-left: 14px;
    -webkit-transform: translateY(7px);
    transform: translateY(7px);
    position: relative;
    z-index: 98;
}

.groupComboTwo .pmd-textfield-floating-label label {
    margin-bottom: 0px;
    margin-left: 15px;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
}

.groupComboTwo .pmd-textfield-floating-label.pmd-textfield-floating-label-completed label.paddPaysLabel {
    font-size: var(--body-XS);
    color: #c9c9c9;
    margin-left: 33px;
    -webkit-transform: translateY(7px);
    transform: translateY(7px);
    position: relative;
    z-index: 98;
}

.groupComboTwo .pmd-textfield-floating-label label.paddPaysLabel {
    margin-bottom: 0px;
    margin-left: 33px;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
}

.groupComboTwo .pmd-textfield.has-success .form-control {
    color: var(--font-color);
    border-color: var(--msgSuccess);
}

.groupComboTwo .pmd-textfield.has-error .form-control {
    color: var(--font-color);
    border-color: var(--msgError);
}


.groupComboTwo .form-group.pmd-textfield.form-group.pmd-textfield.sizeZip {
    width: 50%;
}

.groupComboTwo .form-group.pmd-textfield.form-group.pmd-textfield.sizeVille {
    width: 50%;
}


@media screen and (min-width: 319px) and (max-width: 600px) {
    .groupComboTwo {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .groupComboTwo .pmd-textfield.form-control {
            width: 100%;
        }

        .groupComboTwo .form-group.pmd-textfield.form-group.pmd-textfield.sizeZip,
        .groupComboTwo .form-group.pmd-textfield.form-group.pmd-textfield.sizeVille {
            width: 100%;
        }

        .groupComboTwo .form-group.pmd-textfield.form-group.pmd-textfield.sizePays {
            width: 100%;
        }

        .groupComboTwo .form-group.pmd-textfield {
            width: 100%;
            margin-right: 0;
        }

        .groupComboTwo .form-group:nth-child(2),
        .groupComboTwo .form-group:nth-child(3) {
            margin-top: 1rem;
        }
}

/* --------bloc aligner code postal et Ville------ */
/* --------bloc Pays------------------------------ */
.groupPaysModal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .groupPaysModal .pmd-textfield .form-control {
        position: relative;
        width: 100%;
        height: 50px;
        color: var(--font-color);
        /* font-weight: 300; */
        padding: 0px 40px 0px 16px;
        margin-bottom: 0;
        background: transparent;
        border: none;
        border: solid 1px var(--border-input-lbp);
        border-radius: 4px !important;
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .groupPaysModal .pmd-textfield-focused {
        position: relative;
        top: -1px;
        margin-bottom: 0;
        z-index: 2;
        display: block;
        border: none;
        width: 100%;
        height: 1px;
        /* background-color: #1F368B; */
        -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
        transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
        transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
        transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }

    .groupPaysModal .form-group.pmd-textfield .etoile {
        /* position: absolute;
    display: inline-block;
    right: 13px;
    top: 5px;
    z-index: 999; */
        display: none;
    }

    .groupPaysModal .form-group.pmd-textfield {
        width: 100%;
        /* margin-right: 20px; */
    }

    .groupPaysModal .form-group:nth-child(2) {
        width: 320px;
    }

    .groupPaysModal .pmd-textfield-floating-label.pmd-textfield-floating-label-completed label {
        font-size: var(--body-XS);
        color: var(--font-color);
        margin-left: 33px;
        -webkit-transform: translateY(7px);
        transform: translateY(7px);
        position: relative;
        z-index: 98;
    }

    .groupPaysModal .pmd-textfield-floating-label label {
        font-weight: 300;
        margin-bottom: 0px;
        margin-left: 33px;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        position: relative;
        z-index: 98;
    }

    .groupPaysModal .pmd-textfield.has-success .form-control {
        color: var(--font-color);
        border-color: var(--msgSuccess);
    }

    .groupPaysModal .pmd-textfield.has-error .form-control {
        color: var(--font-color);
        border-color: var(--msgError);
    }


    .groupPaysModal input:-webkit-autofill,
    .groupPaysModal input:-webkit-autofill:hover,
    .groupPaysModal input:-webkit-autofill:focus {
        -webkit-text-fill-color: var(--white);
        -webkit-box-shadow: 0 0 0px 1000px rgb(255, 255, 255, 0) inset;
        transition: background-color 500s ease-in-out 0s;
    }

@media screen and (min-width: 319px) and (max-width: 600px) {
    .groupPaysModal {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .groupPaysModal .pmd-textfield.form-control {
            width: 100%;
        }

        .groupPaysModal .form-group.pmd-textfield {
            width: 100%;
            margin-right: 0;
        }

        .groupPaysModal .form-group:nth-child(2) {
            margin-top: 1rem;
        }
}

/* Groupe Email Modal Authentification */
/* --------bloc Pays------------------------------ */
/* RAJOUT MODAL Definition de mot de passe => 07/09/2023  */

/* RAJOUT BOUTON MODAL => Nouvelle demande => 08/09/2023*/
/* --------Select (Label flottant) => Selectionner une prestation----------- */
.groupModalNewDemande {
    position: relative;
}

    .groupModalNewDemande .floating-label {
        position: relative;
    }

    .groupModalNewDemande .floating-select {
        position: relative;
        width: 90%;
        height: 50px;
        padding: 15px 10px 0px 15px;
        margin-bottom: 0;
        font-size: 0.85rem;
        background: transparent;
        border: none;
        border: solid 1px var(--border-input-lbp);
        border-radius: 4px !important;
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .groupModalNewDemande label {
        color: var(--font-color);
        font-size: var(--body-S);
        font-weight: normal;
        position: absolute;
        pointer-events: none;
        left: 15px;
        top: 18px;
        transition: 0.2s ease all;
        -moz-transition: 0.2s ease all;
        -webkit-transition: 0.2s ease all;
    }

    .groupModalNewDemande .pmd-textfield-floating-label.pmd-textfield-floating-label-completed label {
        color: var(--font-color);
    }

    .groupModalNewDemande .floating-select:focus ~ label,
    .groupModalNewDemande .floating-select:not([value=""]):valid ~ label {
        top: 5px;
        font-size: var(--body-S);
    }

    .groupModalNewDemande .arrowSelect {
        background-image: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-Icon-arrow-down-select.svg");
        background-repeat: no-repeat;
        position: absolute;
        width: 15px;
        height: 17px;
        right: 65px;
        top: 27px;
        z-index: 99;
    }

    .groupModalNewDemande .pmd-textfield-floating-label.pmd-textfield-floating-label-completed .floating-select {
        color: var(--font-color);
        border-color: var(--msgSuccess);
    }

    .groupModalNewDemande select {
        /* for Firefox */
        -moz-appearance: none;
        /* for Chrome */
        -webkit-appearance: none;
    }
/* --------Select => Selectionner une prestation----------- */
/* ----------------- Date et date trajet pour modal Nouvelle demande ----------------- */
.groupModalDateNewDemande .pmd-textfield .form-control {
    position: relative;
    width: 100%;
    height: 50px;
    padding: 0px 40px 0px 16px;
    margin-bottom: 0;
    font-size: 0.85rem;
    background: transparent;
    border: none;
    border: solid 1px var(--border-input-lbp);
    border-radius: 4px !important;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.groupModalDateNewDemande .pmd-textfield-focused {
    position: relative;
    top: -1px;
    margin-bottom: 0;
    z-index: 2;
    display: block;
    border: none;
    width: 100%;
    height: 1px;
    /* background-color: #1F368B; */
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

.groupModalDateNewDemande .form-group.pmd-textfield {
    width: 100%;
}

.groupModalDateNewDemande .pmd-textfield-floating-label.pmd-textfield-floating-label-completed label {
    font-size: var(--body-XS);
    color: var(--font-color);
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    position: relative;
    z-index: 98;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.groupModalDateNewDemande .pmd-textfield-floating-label label {
    margin-bottom: 0px;
    margin-left: 33px;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.groupModalDateNewDemande .form-group.pmd-textfield .etoile {
    /* position: absolute;
    display: inline-block;
    right: 13px;
    top: 5px;
    z-index: 99; */
    display: none;
}

.groupModalDateNewDemande .pmd-textfield.has-error .form-control {
    color: var(--font-color);
    border-color: var(--msgError);
}

.groupModalDateNewDemande .pmd-textfield.has-success .form-control {
    color: var(--font-color);
    border-color: var(--msgSuccess);
}

/* ----------------- Date et date trajet pour modal Nouvelle demande ----------------- */
/* ----------------- Pays pour modal Nouvelle demande -------------------------------- */
.groupModalPaysNewDemande .pmd-textfield .form-control {
    position: relative;
    width: 100%;
    height: 50px;
    padding: 0px 40px 0px 16px;
    margin-bottom: 0;
    font-size: 0.85rem;
    background: transparent;
    border: none;
    border: solid 1px var(--border-input-lbp);
    border-radius: 4px !important;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.groupModalPaysNewDemande .pmd-textfield-focused {
    position: relative;
    top: -1px;
    margin-bottom: 0;
    z-index: 2;
    display: block;
    border: none;
    width: 100%;
    height: 1px;
    /* background-color: #1F368B; */
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

.groupModalPaysNewDemande .form-group.pmd-textfield {
    width: 100%;
}

.groupModalPaysNewDemande .pmd-textfield-floating-label.pmd-textfield-floating-label-completed label {
    font-size: var(--body-XS);
    color: var(--font-color);
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    position: relative;
    z-index: 98;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.groupModalPaysNewDemande .pmd-textfield-floating-label label {
    margin-bottom: 0px;
    margin-left: 33px;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.groupModalPaysNewDemande .form-group.pmd-textfield .etoile {
    /* position: absolute;
    display: inline-block;
    right: 13px;
    top: 5px;
    z-index: 99; */
    display: none;
}

.groupModalPaysNewDemande .pmd-textfield.has-error .form-control {
    color: var(--font-color);
    border-color: var(--msgError);
}

.groupModalPaysNewDemande .pmd-textfield.has-success .form-control {
    color: var(--font-color);
    border-color: var(--msgSuccess);
}

/* ----------------- Pays pour modal Nouvelle demande -------------------------------- */
/* ----------------- Input general pour modal Nouvelle demande ----------------- */
.groupModalInputGeneral .pmd-textfield .form-control {
    position: relative;
    width: 100%;
    height: 50px;
    padding: 0px 40px 0px 16px;
    margin-bottom: 0;
    font-size: 0.85rem;
    background: transparent;
    border: none;
    border: solid 1px var(--border-input-lbp);
    border-radius: 4px !important;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.groupModalInputGeneral .pmd-textfield-focused {
    position: relative;
    top: -1px;
    margin-bottom: 0;
    z-index: 2;
    display: block;
    border: none;
    width: 100%;
    height: 1px;
    /* background-color: #1F368B; */
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

.groupModalInputGeneral .form-group.pmd-textfield {
    width: 100%;
}

.groupModalInputGeneral .pmd-textfield-floating-label.pmd-textfield-floating-label-completed label {
    font-size: var(--body-XS);
    color: var(--font-color);
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    position: relative;
    z-index: 98;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.groupModalInputGeneral .pmd-textfield-floating-label label {
    margin-bottom: 0px;
    margin-left: 15px;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.groupModalInputGeneral .form-group.pmd-textfield .etoile {
    /* position: absolute;
    display: inline-block;
    right: 13px;
    top: 5px;
    z-index: 99; */
    display: none;
}

.groupModalInputGeneral .pmd-textfield.has-error .form-control {
    color: var(--font-color);
    border-color: var(--msgError);
}

.groupModalInputGeneral .pmd-textfield.has-success .form-control {
    color: var(--font-color);
    border-color: var(--msgSuccess);
}

/* ----------------- Input general pour modal Nouvelle demande ----------------- */
/* RAJOUT MODAL BOUTON => Nouvelle demande => 08/09/2023*/

#dateLivraisonColis {
    display: block;
}

    #dateLivraisonColis.active {
        display: none;
    }

#dateAchatColis {
    display: none;
}

    #dateAchatColis.active {
        display: block;
    }


/* CATS */
.blocInformationWarning {
    background-color: var(--bg-bloc-warning);
    padding: 15px 20px;
    font-size: var(--body-XS);
    line-height: var(--lineHeight-XS);
}

    .blocInformationWarning .warningOrange {
        font-weight: 700;
    }

        .blocInformationWarning .warningOrange:before {
            content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-infoBulleRouge.svg");
            position: relative;
            top: 5px;
            margin-right: 15px;
        }

.sousBlocInformationWarning {
    margin-left: 37px;
}

    .sousBlocInformationWarning ul {
        margin-left: 5px;
        font-size: var(--body-XS);
    }

.blocInformationRecap {
    background-color: #EEF6F9;
    padding: 15px 20px;
}

    .blocInformationRecap .warningBlue {
        font-weight: 700;
        font-size: var(--body-M);
    }

        .blocInformationRecap .warningBlue:before {
            content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-infoBullebleu.svg");
            position: relative;
            top: 5px;
            margin-right: 15px;
        }

.sousBlocInformationRecap p {
    margin-left: 37px;
    font-size: var(--body-S);
}

.blocInformationRecapMulti {
    background-color: #EEF6F9;
    padding: 15px 20px;
    width: 100%;
    max-width: 500px;
}

    .blocInformationRecapMulti .warningBlue {
        font-weight: 700;
        font-size: var(--body-S);
    }

        .blocInformationRecapMulti .warningBlue:before {
            content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-infoBullebleu.svg");
            position: relative;
            top: 5px;
            margin-right: 15px;
        }

.sousBlocInformationRecapMulti p {
    margin-left: 37px;
    font-size: var(--body-XS);
}
/* CATS */

/* PASS => 09/11/2023 */
#assistanceDossier h3:nth-child(1) {
    font-size: var(--heading-M);
    font-weight: 700;
    color: var(--font-color);
    margin-top: 10px;
    margin-bottom: 0;
}

    #assistanceDossier h3:nth-child(1) p {
        font-size: var(--body-M);
        font-weight: 500;
        color: var(--font-color);
        margin-left: 15px;
    }

#assistanceDossier h3:nth-child(3) {
    font-size: var(--heading-S);
    font-weight: 700;
    color: var(--font-color);
    margin-top: 15px;
}

.textTypeDeDoc {
    font-size: var(--body-M);
    font-weight: 500;
    color: var(--font-color);
    margin-bottom: 10px;
}

/* Formulaire */
/* --------Select (Label flottant) => Selectionner une prestation----------- */
.groupSelectPass {
    position: relative;
}

    .groupSelectPass .floating-label {
        position: relative;
        width: 100%;
        max-width: 430px;
    }

    .groupSelectPass .floating-select {
        position: relative;
        width: 100%;
        height: 50px;
        padding: 18px 30px 0px 15px;
        margin-bottom: 0;
        font-size: 0.85rem;
        background: transparent;
        border: none;
        border: solid 1px var(--border-input-lbp);
        border-radius: 4px !important;
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

@media (max-width: 500px) {
    .groupSelectPass .floating-select {
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        display: inline-block;
        text-overflow: ellipsis;
        vertical-align: middle;
    }
}

.groupSelectPass label {
    color: var(--font-color);
    font-size: var(--body-S);
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 15px;
    top: 18px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.groupSelectPass .pmd-textfield-floating-label.pmd-textfield-floating-label-completed label {
    color: var(--font-color);
}

.groupSelectPass .floating-select:focus ~ label,
.groupSelectPass .floating-select:not([value=""]):valid ~ label {
    top: 8px;
    font-size: var(--body-S);
}

.groupSelectPass .arrowSelect {
    background-image: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-Icon-arrow-down-select.svg");
    background-repeat: no-repeat;
    position: absolute;
    width: 15px;
    height: 17px;
    right: 10px;
    top: 27px;
    z-index: 99;
}

.groupSelectPass .pmd-textfield-floating-label.pmd-textfield-floating-label-completed .floating-select {
    color: var(--font-color);
    border-color: var(--msgSuccess);
}

.groupSelectPass select {
    /* for Firefox */
    -moz-appearance: none;
    /* for Chrome */
    -webkit-appearance: none;
}
/* --------Select => Selectionner une prestation----------- */
#selectCat .form-control {
    background-color: var(--white);
}

.bloc-dos-assistance .form-control:focus {
    border-color: #ccc;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.selectCat label {
    font-size: var(--body-M);
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
}
/* Input file */
#blocFileInput {
    display: none;
}

.txt-categorieListe {
    font-size: var(--body-M);
    font-weight: 500;
    margin-bottom: 10px;
}

.txt-multipleEnvois {
    color: var(--tertiaire-color) !important;
    font-size: var(--body-XS) !important;
    font-weight: 500;
    margin-bottom: 5px;
}

.caracteristique-doc {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    margin-bottom: 10px;
}

@media (max-width:600px) {
    .caracteristique-doc {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-top: 10px;
    }

    .bloc-dos-assistance {
        padding: 5px 10px;
        border-left: 0px;
    }

        .bloc-dos-assistance h3:nth-child(1) span {
            display: block;
            margin-left: 0;
            margin-top: 5px;
        }
}

.taille-type {
    font-size: var(--body-XS) !important;
    font-weight: 500;
}

#selectInput {
    position: relative;
    border: 2px dashed #95a9a6;
    background-color: var(--white);
    width: 100%;
    height: 62px;
    color: #c7c7c7;
    border-radius: 10px;
}

    #selectInput label {
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 97%;
        top: 50%;
        transform: translateY(-50%);
        font-size: var(--body-XS);
        color: #BFBFBF;
        cursor: pointer;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        z-index: 1;
    }

    #selectInput input {
        display: none;
    }

.file-upload {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 10px;
    cursor: pointer;
}

.file-input {
    display: none;
}

.file-label {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

    /* Style facultatif pour le texte du label */
    .file-label svg {
        width: 35px;
        height: 35px;
        fill: #bfbfbf;
    }

    .file-label:hover {
        text-decoration: none;
    }
/* bouton nav formulaire */
.BtnFormulaire-valid {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
}

.BtnFormulaire-nextStep {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#assistanceDossier .BtnFormulaire-valid .previousStep {
    display: none;
}

#assistanceDossier .BtnFormulaire-valid .btn-default-primaire {
    display: none;
}

@media (max-width:400px) {
    .BtnFormulaire-valid {
        flex-direction: column;
    }

        .BtnFormulaire-valid .etapePrecedente {
            margin-bottom: 10px;
        }
}
/* bouton nav formulaire */
/* Formulaire */
/* liste des pieces jointe */
#pjTelecharge {
    display: none;
}

.pjTelecharge-cadre {
    background-color: var(--white);
    border: 1px solid #BFBFBF;
    padding: 15px;
    border-radius: 10px;
}

.pjTelecharge-dispo {
    display: flex;
    justify-content: space-between;
    padding: 5px;
}

#assistanceDossier .pjTelecharge-document {
    font-size: var(--body-XS);
    margin-bottom: 0;
}

.pjTelecharge-nom {
    display: flex;
    align-items: center;
}

.pjTelecharge-Octet {
    display: flex;
    align-items: center;
}

.documentWidth {
    width: 150px;
}

.separation-tilde {
    margin-left: 0px;
    margin-right: 15px;
}

#pjTelecharge .zoneJustifListeButton {
    background-color: transparent;
}

@media (max-width:660px) {
    .taille-type {
        margin-bottom: 0px;
    }

        .taille-type:last-child {
            margin-bottom: 15px;
        }

    .piecesTelechargees-cadre {
        margin-top: 10px;
        padding: 5px;
    }

    .pjTelecharge-nom {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
    }

    .separation-tilde {
        display: none;
    }

    #pjTelecharge .corbeille-bleu::after {
        margin-left: 5px;
        top: 2px;
    }
}

@media (max-width:500px) {
    .pjTelecharge-document.pjTelecharge-nomRognage {
        width: 180px;
        white-space: nowrap;
        overflow: hidden;
        display: inline-block;
        text-overflow: ellipsis;
        vertical-align: middle;
    }
}
/*  */

/* Recap historique documents transis */
#recapPJtelecharges {
    margin-top: 20px;
}

.recapPjTelecharge-cadre {
    display: none;
    padding-left: 5px;
}

.recapDropPJtelecharges {
    border-radius: 10px;
    cursor: pointer;
    background-color: var(--bleu-tuile);
}

.recapDropPJtelecharges-active {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}

.recapDropPJtelecharges.active {
    background-color: var(--white);
    border-radius: 10px;
    border: 1px solid var(--border-gray-lbp);
    box-shadow: 0px 0px 6px rgba(35, 35, 35, 0.06);
}
/* .histoArrow{
    transform: rotate(180deg);
} */
.recapDropPJtelecharges p {
    font-size: var(--body-S);
    margin: 0;
    color: var(--font-color);
}

#recapPJtelecharges .rotate-icon::after {
    content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-flecheHaut.svg");
    width: 15px;
    height: 15px;
    margin-left: 10px;
    position: relative;
    top: 2px; /* Ajustez la position verticale si necessaire */
    transition: transform 0.3s ease; /* Transition pour une animation fluide */
}

#recapPJtelecharges .rotate180::after {
    content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-flecheBas.svg");
    transform: rotate(180deg); /* Rotation de 180 degres */
    position: relative;
    top: 2px; /* Ajustez la position verticale si necessaire */
}

/* Recap historique documents transis */

/* Bandeau Validation des pieces bien envoyees */
.alert-docBienEnvoye {
    position: fixed;
    top: 12%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
    margin: 20px auto 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--bleu-lbp);
    max-width: 1012px;
    min-width: 300px;
    width: 96%;
    border-radius: 15px;
    color: var(--white);
    padding: 15px;
}

/* 20/06/2023 Document a bien ete charge TOASTER */

.groupInfo-docBienEnvoye {
    display: flex;
    align-items: center;
}

.alert-docBienEnvoye::before {
    content: url("https://static.europ-assistance.fr/PortailBancaire/images/PASS-informations.svg");
    position: relative;
    top: 2px;
}

.alert-docBienEnvoye::after {
    content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-btnCLose.svg");
    margin-left: auto;
    position: relative;
    top: 4px;
    cursor: pointer;
}

.groupInfo-docBienEnvoye p {
    margin: 0;
    color: var(--white) !important;
    font-size: var(--body-S);
    font-weight: 700;
    margin-left: 15px;
}
/* Bandeau Validation des pieces bien envoyees */

/* Modal "etes-vous sur de vouloir quitter cette page ? "*/
#doc-perdus .modal-header {
    border-bottom: 0px;
}

.pass-icone-warning {
    background: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-warning-accordeon.svg") no-repeat;
    width: 60px;
    height: 60px;
    background-size: cover;
    margin-bottom: 10px;
}

#doc-perdus .modal-content {
    border-radius: 0px;
    background-color: var(--white);
    border-radius: 15px;
}

#doc-perdus .modal-header {
    border-radius: 0px;
    background-color: transparent;
}

#doc-perdus .modal-footer {
    display: flex;
    justify-content: center;
    border-top: none;
}

#doc-perdus .btn-close {
    position: absolute;
    right: 0;
    top: 10px;
}

#doc-perdus img {
    margin-bottom: 10px;
}

#doc-perdus .btn-docPerdus {
    border-radius: 999px;
    background-color: var(--bleu-lbp);
    color: var(--white);
    height: 46px;
    padding: 10px 20px;
    border: none;
    outline: none;
    font-size: var(--body-S);
    font-weight: 500;
}

    #doc-perdus .btn-docPerdus:hover {
        background-color: var(--rouge-fonce-arkea);
    }
/* Modal "etes-vous sur de vouloir quitter cette page ? "*/

.kiloOcte {
    font-size: var(--body-S);
    color: var(--font-color);
    margin-right: 16px;
    margin-left: 20px;
}

@media screen and (min-width:320px) and (max-width:374px) {
    .kiloOcte {
        font-size: var(--body-XS);
        margin-right: 5px;
        margin-left: 10px;
    }

    #dossierAssistancePASS .nomDocTransmis {
        width: 140px;
        white-space: nowrap;
        overflow: hidden;
        display: inline-block;
        text-overflow: ellipsis;
        vertical-align: middle;
    }
}

@media screen and (min-width:375px) and (max-width:500px) {
    .kiloOcte {
        font-size: var(--body-S);
        margin-right: 5px;
        margin-left: 10px;
    }

    #dossierAssistancePASS .nomDocTransmis {
        width: 180px;
        white-space: nowrap;
        overflow: hidden;
        display: inline-block;
        text-overflow: ellipsis;
        vertical-align: middle;
    }
}
/* PASS => 09/11/2023 */



/* CATS */
/* -- CATS Nouveau Radio -- */
input[type="radio"].radioCustomCATS {
    display: none;
}

    input[type="radio"].radioCustomCATS + label {
        position: relative;
        padding-left: 1.3rem;
    }

        input[type="radio"].radioCustomCATS + label::before,
        input[type="radio"].radioCustomCATS + label::after {
            display: block;
            position: absolute;
            box-sizing: border-box;
            content: '';
            top: 2px;
            border-radius: 1rem;
        }

        input[type="radio"].radioCustomCATS + label::before {
            bottom: 0;
            left: 0;
            border: 1px solid var(--bleu-lbp);
            background-color: var(--white);
            width: 16px;
            height: 16px;
        }

        input[type="radio"].radioCustomCATS + label::after {
            bottom: 0rem;
            left: 0.34rem;
            width: calc(13px - 6px);
            height: calc(13px - 6px);
        }

    input[type="radio"].radioCustomCATS:checked + label::before {
        border: 5px solid var(--bleu-lbp);
    }
/* -- CATS Nouveau Radio -- */
/* -- CATS Nouveau Checkbox -- */
input[type="checkbox"].checkboxCustomCATS {
    position: relative;
    width: 1.05rem;
    height: 16px;
    top: 2px;
    border: 1px solid var(--font-color-titre);
    border-radius: 3px;
    appearance: none;
    outline: 0;
    cursor: pointer;
    margin-right: 5px;
}

    input[type="checkbox"].checkboxCustomCATS::before {
        content: '';
        position: absolute;
        background-color: var(--bleu-lbp);
        border-radius: 2px;
        display: block;
        top: 2px;
        left: 2px;
        width: 10px;
        height: 10px;
        border-width: 3px 3px 3px 3px;
        transform: rotate(0deg);
        opacity: 0;
    }

    input[type="checkbox"].checkboxCustomCATS:checked {
        color: var(--white);
        border-color: var(--font-color-titre);
        background: var(--white);
    }

        input[type="checkbox"].checkboxCustomCATS:checked::before {
            opacity: 1;
        }

label.checkboxCustomCATS {
    position: relative;
    cursor: pointer;
    font-weight: 600;
    padding: 0 0.25em 0;
    user-select: none;
}
/* -- CATS Nouveau Checkbox -- */

/* CATS - Message erreur MODAL */
.modal .msgError .alert-warning {
    color: var(--font-color);
    position: relative;
    display: flex;
    background-color: transparent !important;
    font-weight: 500;
    text-transform: none;
    font-size: var(--body-XS);
    margin: 0;
    border: none !important;
}

.modal .alert-danger {
    background-color: #fdf1f1;
    border-color: transparent;
    border-radius: 0;
}

.modal .msgError .alert-warning:before {
    content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-infoBulleRouge.svg");
    position: relative;
    top: 0px;
    margin-right: 10px;
}
/* CATS - Message erreur MODAL */

/* CATS Bouton switch OUI/NON */
.containerBtnSwitch {
    display: flex;
    align-items: center;
}

.btnSwitchToggle {
    border: solid 1px var(--border-input-lbp);
    display: inline-block;
    padding: 10px;
    position: relative;
    text-align: center;
    transition: background 400ms ease, color 500ms ease;
}

input[type="radio"].toggle {
    display: none;
}

    input[type="radio"].toggle + label {
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 65px; /* largeur de chaque bouton */
        height: 50px;
        text-align: center; /* centrer le texte */
        color: var(--font-color-titre);
        font-size: var(--body-S);
        font-weight: 500;
    }

    input[type="radio"].toggle.toggleWidth + label {
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 160px; /* largeur de chaque bouton */
        height: 50px;
        text-align: center; /* centrer le texte */
        color: var(--font-color-titre);
        font-size: var(--body-S);
    }

    input[type="radio"].toggle.toggleWidthBis + label {
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100px; /* largeur de chaque bouton */
        height: 50px;
        text-align: center; /* centrer le texte */
        color: var(--font-color-titre);
        font-size: var(--body-S);
        font-weight: 500;
    }

    input[type="radio"].toggle + label:hover {
        background: none;
        color: var(--font-color-titre);
    }

    input[type="radio"].toggle + label:after {
        content: "";
        height: 100%;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1;
    }

    input[type="radio"].toggle.toggle-left + label {
        border-right: 0;
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
    }


    input[type="radio"].toggle.toggle-center + label {
        border-right: 0;
    }


    input[type="radio"].toggle.toggle-right + label {
        margin-left: 0px;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
    }


    input[type="radio"].toggle:checked + label {
        cursor: default;
        color: var(--white);
        transition: color 200ms;
        background: var(--bleu-lbp);
    }

        input[type="radio"].toggle:checked + label:after {
            left: 0;
        }

.containerSpe {
    margin-top: 25px;
}

@media screen and (min-width: 319px) and (max-width: 374px) {
    input[type="radio"].toggle.toggleWidthBis + label {
        width: 100px; /* largeur de chaque bouton */
        font-size: var(--body-XS);
    }

    input[type="radio"].toggle.toggleWidthBis + label {
        padding: 10px 20px;
    }
}

@media screen and (min-width: 375px) and (max-width: 500px) {
    input[type="radio"].toggle.toggleWidthBis + label {
        width: 100px; /* largeur de chaque bouton */
    }
}
/* CATS Bouton switch OUI/NON */

/* CATS */

/* MULTIRISQUE */
.container-choixGarantie {
    display: flex;
    flex-direction: column;
    border: 1px solid #e7e7e7;
    padding: 15px;
    max-width: 500px;
    width: 100%;
    margin-bottom: 8px;
    font-size: 14px;
}

.choixGarantieMulti {
    display: flex;
    justify-content: space-between;
}

    .choixGarantieMulti label {
        cursor: pointer;
    }

    .choixGarantieMulti .align-RadioEtTooltip {
        display: flex;
        justify-content: space-between;
    }

    .choixGarantieMulti .mr15 {
        margin-right: 15px;
    }

.choixSousGarantie {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    border: 1px solid #e7e7e7;
    padding: 15px;
}

.container-choixGarantie .mt25 {
    margin-top: 25px;
}

#d-NoneMulti {
    display: none;
}

    #d-NoneMulti.active {
        display: block;
    }
/* MULTIRISQUE */

/* TIMELINE */
#timeline .timelineDivider {
    border: 1px solid #f5f5f5;
    margin-top: 10px;
}

.titleTimeline {
    font-size: var(--heading-M);
    font-weight: 700;
    color: var(--font-color);
    margin-top: 10px;
    margin-bottom: 0;
}

/* .timeline-container{
    background-color: #f5f5f5;
    border-radius: 20px;
} */
.timeline-container-click {
    border-radius: 20px;
    cursor: pointer;
    background-color: var(--bleu-tuile);
}

.timeline-container-active {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}
    /* Styles par defaut pour le texte dans .timeline-container-active */
    .timeline-container-active h4,
    .timeline-container-active p {
        color: var(--font-color); /* Couleur initiale du texte */
    }

    .timeline-container-active h4, .timeline-container-click h4 {
        font-size: var(--body-M); /* Taille de police pour <h4> */
        font-weight: 700;
    }

    .timeline-container-active p {
        font-size: var(--body-S); /* Taille de police pour <p> */
    }

/* Styles lorsque l'action a ete visitee */
.timeline-container-click.visited .timeline-container-active h4,
.timeline-container-click.visited .timeline-container-active p {
    color: var(--font-color); /* Couleur du texte après avoir ete visite */
}

.timeline-lien {
    display: block;
    color: var(--bleu-lbp);
    font-size: var(--body-XS);
}

    .timeline-lien::before {
        content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-pdf.svg");
        height: 32px;
        position: relative;
        top: 2px;
        margin-right: 10px;
    }

    .timeline-lien:hover {
        display: block;
        color: var(--bleu-lbp);
        font-size: var(--body-XS);
    }

.timeline-container-click.active {
    background-color: var(--white);
    border-radius: 10px;
    border: 1px solid var(--border-gray-lbp);
    box-shadow: 0px 0px 6px rgba(35, 35, 35, 0.06);
}

.notAff {
    display: none;
    padding-left: 10px;
}

    .notAff.active {
        display: block;
        padding-bottom: 10px;
    }

#timeline .rotate-icon::after {
    content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-flecheHaut.svg");
    width: 15px;
    height: 15px;
    margin-left: 10px;
    position: relative;
    top: 2px; /* Ajustez la position verticale si necessaire */
    transition: transform 0.3s ease; /* Transition pour une animation fluide */
}

#timeline .rotate180::after {
    content: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-flecheBas.svg");
    transform: rotate(180deg); /* Rotation de 180 degres */
    position: relative;
    top: 2px; /* Ajustez la position verticale si necessaire */
}

.timeline__data > h5 {
    margin-top: 15px;
    margin-bottom: 5px;
    font-size: var(--body-S);
    font-weight: 700;
}
/* TIMELINE */

/* STEPPER */
.stepper {
    display: flex;
    width: 96%;
    max-width: 1012px;
    min-width: 300px;
    margin-top: 15px;
}

.step {
    display: flex;
    align-items: center;
    justify-content: space-between; /* Pour une distance egale entre les elements */
    margin-bottom: 10px; /* Espace entre chaque etape */
}

.circle {
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

    .circle p {
        margin: 0; /* Supprime la marge autour du texte */
        font-size: var(--body-S); /* Taille de police pour le texte dans le cercle */
    }

    .circle.color {
        color: var(--bleu-progress-bar);
        border: 1px solid var(--color-disabled);
    }

        .circle.color.active {
            color: var(--white);
            background-color: var(--bleu-progress-bar);
            border: 1px solid var(--bleu-progress-bar);
        }

        .circle.color span {
            position: absolute;
            top: 0px;
        }

        .circle.color.active span {
            position: absolute;
            top: 1px;
        }

.stepperTxt {
    color: var(--txt-color-number-normal);
    font-size: var(--body-S);
    font-weight: 600;
}

    .stepperTxt.active {
        color: var(--font-color-titre);
        font-size: var(--body-S);
    }


.separator {
    height: 1px;
    width: 15px;
    background-color: gray;
    margin: 0 10px; /* Espace entre le separateur et le cercle */
}

@media screen and (min-width: 330px) and (max-width: 374px) {
    .step {
        justify-content: flex-start; /* Pour une distance egale entre les elements */
        margin-bottom: 10px; /* Espace entre chaque etape */
    }

    .stepperTxt:not(.active) {
        display: none; /* Masque le separateur en mode responsive */
    }

    .separator {
        width: 16px;
        margin: 0px; /* Espace entre le separateur et le cercle */
    }

    .circle {
        margin-right: 0px;
    }

        .circle.color.active {
            margin-right: 5px;
        }

    .greenTxt {
        margin: 0px 10px 0px 10px;
    }

    .stepperTxt.active {
        margin-right: 7px;
    }
}

@media screen and (min-width: 375px) and (max-width: 500px) {
    .step {
        justify-content: flex-start; /* Pour une distance egale entre les elements */
        margin-bottom: 10px; /* Espace entre chaque etape */
    }

    .stepperTxt:not(.active) {
        display: none; /* Masque le separateur en mode responsive */
    }

    .separator {
        width: 22px;
        margin: 0px; /* Espace entre le separateur et le cercle */
    }

    .circle {
        margin-right: 0px;
    }

        .circle.color.active {
            margin-right: 6px;
        }

    .greenTxt {
        margin: 0px 10px 0px 10px;
    }

    .stepperTxt.active {
        margin-right: 7px;
    }
}

@media screen and (min-width: 501px) and (max-width: 850px) {
    .step {
        justify-content: flex-start; /* Pour une distance egale entre les elements */
        margin-bottom: 10px; /* Espace entre chaque etape */
    }

    .stepperTxt:not(.active) {
        display: none; /* Masque le separateur en mode responsive */
    }

    .separator {
        width: 55px;
        margin: 0px; /* Espace entre le separateur et le cercle */
    }

    .circle {
        margin-right: 0px;
    }

        .circle.color.active {
            margin-right: 6px;
        }

    .greenTxt {
        margin: 0px 10px 0px 10px;
    }

    .stepperTxt.active {
        margin-right: 7px;
    }
}
/* STEPPER */

/* LOADER CIRCLE PROGRESS */
.containerSpinner {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.spinner {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: radial-gradient(farthest-side, #093896 80%, transparent 50%) top/7px 7px no-repeat, conic-gradient(#0000 30%, #093896 42% );
    -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 7px), #000 0);
    animation: spin 1.2s infinite linear;
}

@keyframes spin {
    100% {
        transform: rotate(1turn);
    }
}
/* LOADER CIRCLE PROGRESS */
/* RAJOUT SAMI le 05/062024 */
.text-upper {
    text-transform: uppercase;
}
/* RAJOUT SAMI le 05/062024 */
/* RAJOUT BOUTON DECONNEXION NAVBAR */
.btnDeconnexion {
    border: none;
    outline: none;
    height: 60px;
    background-color: var(--bleu-clair-lbp);
    width: 60px;
    /*Display:none au lieu de flex  */
    display: flex;
    /*Display:none au lieu de flex  */
    align-items: center;
    justify-content: center;
}

    .btnDeconnexion svg {
        fill: var(--white);
    }
/* .btnDeconnexion::before{
    content: url(../../images/log_out.svg);
    position: relative;
    top: 2px;
} */
@media (max-width: 900px) {
    .btnDeconnexion {
        display: none;
    }
}
/* RAJOUT BOUTON DECONNEXION NAVBAR */

/* PAGE CONTACT FORM */
.groupContact {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    z-index: 0;
}

    .groupContact .pmd-textfield .form-control {
        position: relative;
        width: 100%;
        height: 50px;
        padding: 0px 40px 0px 16px;
        margin-bottom: 0;
        background: transparent;
        border: none;
        border: solid 1px #B6B6B6;
        border-radius: 4px !important;
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .groupContact .form-group.pmd-textfield {
        width: 350px;
        margin-right: 20px;
    }

    .groupContact .pmd-textfield.has-error .form-control {
        color: var(--font-color);
        border-color: var(--msgError);
    }

    .groupContact .pmd-textfield.has-success .form-control {
        color: var(--font-color);
        border-color: var(--msgSuccess);
    }

.groupSelectContact .form-group.pmd-textfield {
    width: 720px;
}

.groupSelectContact .pmd-textfield.has-error .form-select {
    color: var(--font-color);
    border-color: var(--msgError);
}

.groupSelectContact .pmd-textfield.has-success .form-control {
    color: var(--font-color);
    border-color: var(--msgSuccess);
}

.groupAreaContact .form-group.pmd-textfield {
    width: 720px;
}

.groupAreaContact .pmd-textfield .form-control {
    resize: none;
    position: relative;
    width: 100%;
    height: 175px;
    padding: 15px 43px 10px 15px;
    margin-bottom: 0;
    background: transparent;
    border: none;
    border: solid 1px #B6B6B6;
    border-radius: 4px !important;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.groupAreaContact .pmd-textfield.has-error .form-control {
    color: var(--font-color);
    border-color: var(--msgError);
}

.groupAreaContact .pmd-textfield.has-success .form-control {
    color: var(--font-color);
    border-color: var(--msgSuccess);
}

@media screen and (min-width: 319px) and (max-width: 800px) {
    .groupContact .form-group.pmd-textfield {
        width: 100%;
        margin-right: 0px
    }

    .groupContact {
        flex-direction: column;
    }

    .groupSelectContact .form-group.pmd-textfield {
        width: 100%;
    }

    .groupAreaContact .form-group.pmd-textfield {
        width: 100%;
    }

    .groupContact .form-group:nth-child(2) {
        margin-top: 1rem;
    }

    .groupContact.mt-4, .groupSelectContact.mt-4, .groupAreaContact.mt-4 {
        margin-top: 1rem !important;
    }
}
/* PAGE CONTACT FORM */

/* DMA */
/* input n° de dossier */
#numberFile.active {
    display: block;
}

#numberFile {
    display: none;
}
/* input n° de dossier */
/* Tuile DMA */
/* .blocDMA{
    display: none !important;
} */
.tuileDMA {
    display: none;
    background-color: var(--bg-gray-lbp);
    border: 1px solid var(--border-gray-lbp);
    box-shadow: 0px 0px 6px rgba(35, 35, 35, 0.06);
    height: 220px;
    /* display: flex;
    flex-direction: column;
    align-items: flex-start; */
}

@media (max-width:500px) {
    .tuileDMA {
        height: 245px;
    }
}

.tuileDMA h2 {
    font-weight: 700;
    font-size: var(--heading-S);
    color: var(--font-color);
    width: 100%;
    /* text-transform: uppercase; */
}

.tuileDMA p {
    font-weight: 500;
    color: var(--font-color);
    font-size: var(--body-S);
}

.tuileDMA .mt-3 {
    margin-top: auto !important;
}

.tuileDMA p span:first-child {
    font-weight: 700;
    color: var(--font-color);
}

.tuileDMA p span:last-child {
    font-weight: 700;
    color: #2ED4D4;
}

@media screen and (max-width: 800px) {
    .tuileDMA p {
        text-align: center;
    }

    .tuileDMA h2 {
        text-align: center;
    }

    .tuileDMA {
        -webkit-box-shadow: 0px 0px 6px #e9e9e9;
        box-shadow: 0px 0px 6px #e9e9e9;
    }
}
/* Tuile DMA */
.group-DMA,
.group-DMA-single,
.group-DMA-Tel-Email,
.group-DMA-Tel-Naissance,
.group-DMA-single-pays {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    z-index: 0;
}

    .group-DMA .pmd-textfield .form-control {
        position: relative;
        width: 100%;
        height: 50px;
        padding: 0px 40px 0px 16px;
        margin-bottom: 0;
        font-size: 0.85rem;
        background: transparent;
        border: none;
        border: solid 1px var(--border-input-lbp);
        border-radius: 4px !important;
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-weight: 500;
    }

    .group-DMA .form-group.pmd-textfield {
        width: 300px;
        margin-right: 20px;
    }

    .group-DMA-Tel-Email .pmd-textfield .form-control {
        position: relative;
        width: 100%;
        height: 50px;
        padding: 0px 40px 0px 16px;
        margin-bottom: 0;
        font-size: 0.85rem;
        background: transparent;
        border: none;
        border: solid 1px var(--border-input-lbp);
        border-radius: 4px !important;
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-weight: 500;
    }

    .group-DMA-Tel-Email .form-group.pmd-textfield {
        width: 300px;
        margin-right: 20px;
    }

    .group-DMA-Tel-Naissance .pmd-textfield .form-control {
        position: relative;
        width: 100%;
        height: 50px;
        padding: 0px 40px 0px 16px;
        margin-bottom: 0;
        font-size: 0.85rem;
        background: transparent;
        border: none;
        border: solid 1px var(--border-input-lbp);
        border-radius: 4px !important;
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-weight: 500;
    }

    .group-DMA-Tel-Naissance .form-group.pmd-textfield {
        width: 300px;
        margin-right: 20px;
    }

    .group-DMA-single-pays .pmd-textfield .form-control {
        position: relative;
        width: 100%;
        height: 50px;
        padding: 0px 40px 0px 16px;
        margin-bottom: 0;
        font-size: 0.85rem;
        background: transparent;
        border: none;
        border: solid 1px var(--border-input-lbp);
        border-radius: 4px !important;
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-weight: 500;
    }

.group-DMA-single, .group-DMA-single-pays {
    width: 620px;
}

    .group-DMA .pmd-textfield.has-error .form-control,
    .group-DMA-single .pmd-textfield.has-error .form-control,
    .groupArea-DMA .pmd-textfield.has-error .form-control,
    .group-DMA-Tel-Email .pmd-textfield.has-error .form-control,
    .group-DMA-Tel-Naissance .pmd-textfield.has-error .form-control,
    .group-DMA-single-pays .pmd-textfield.has-error .form-control {
        color: var(--font-color);
        border-color: var(--msgError);
    }

    .group-DMA .pmd-textfield.has-success .form-control,
    .group-DMA-single .pmd-textfield.has-success .form-control,
    .groupArea-DMA .pmd-textfield.has-success .form-control,
    .group-DMA-Tel-Email .pmd-textfield.has-success .form-control,
    .group-DMA-Tel-Naissance .pmd-textfield.has-success .form-control,
    .group-DMA-single-pays .pmd-textfield.has-success .form-control {
        color: var(--font-color);
        border-color: var(--msgSuccess);
    }

    .group-DMA-single .pmd-textfield .form-control {
        position: relative;
        width: 100%;
        height: 50px;
        padding: 0px 40px 0px 16px;
        margin-bottom: 0;
        font-size: 0.85rem;
        background: transparent;
        border: none;
        border: solid 1px var(--border-input-lbp);
        border-radius: 4px !important;
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-weight: 500;
    }

.groupArea-DMA {
    width: 620px;
}

    .groupArea-DMA .pmd-textfield .form-control {
        resize: none;
        position: relative;
        width: 100%;
        height: 175px;
        padding: 15px 43px 10px 15px;
        margin-bottom: 0;
        background: transparent;
        border: none;
        border: solid 1px var(--border-input-lbp);
        border-radius: 4px !important;
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

@media screen and (min-width: 319px) and (max-width: 790px) {
    .group-DMA {
        flex-direction: column;
    }

        .group-DMA .form-group.pmd-textfield {
            width: 100%;
            margin-right: 0;
        }

        .group-DMA .form-group:nth-child(2), .group-DMA.mt-4 {
            margin-top: 1rem !important;
        }
    /*  */
    .group-DMA-Tel-Naissance {
        flex-direction: column;
    }

        .group-DMA-Tel-Naissance .form-group.pmd-textfield {
            width: 100%;
            margin-right: 0;
        }

        .group-DMA-Tel-Naissance .form-group:nth-child(2), .group-DMA-Tel-Naissance.mt-4 {
            margin-top: 1rem !important;
        }
    /*  */
    .group-DMA-Tel-Email {
        flex-direction: column;
    }

        .group-DMA-Tel-Email .form-group.pmd-textfield {
            width: 100%;
            margin-right: 0;
        }

        .group-DMA-Tel-Email .form-group:nth-child(2), .group-DMA-Tel-Email.mt-4 {
            margin-top: 1rem !important;
        }

    .group-DMA-single {
        flex-direction: column;
    }

    .group-DMA-single {
        width: 100%;
        margin-right: 0;
    }

        .group-DMA-single .form-group:nth-child(2), .group-DMA-single.mt-4 {
            margin-top: 1rem !important;
        }

    .group-DMA-single-pays {
        flex-direction: column;
    }

    .group-DMA-single-pays {
        width: 100%;
        margin-right: 0;
    }

        .group-DMA-single-pays .form-group:nth-child(2), .group-DMA-single-pays.mt-4 {
            margin-top: 1rem !important;
        }

    .groupArea-DMA {
        flex-direction: column;
    }

    .groupArea-DMA {
        width: 100%;
        margin-right: 0;
    }

        .groupArea-DMA .form-group:nth-child(2), .groupArea-DMA.mt-4 {
            margin-top: 1rem !important;
        }
}

.btnStep-DMA {
    width: 100%;
    max-width: 620px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .btnStep-DMA .btn-default-primaire {
        margin-left: auto;
    }

.containerStepFormShadow h1 {
    color: var(--font-color);
    font-size: var(--heading-L);
}

.containerStepFormShadow h2 {
    color: var(--font-color-titre);
}

.recapMentions p {
    font-size: var(--body-XS);
}

.recapMentions a {
    font-size: var(--body-XS);
    color: var(--bleu-lbp);
}

.widgetContainer {
    background-color: var(--white);
    padding: 5px 3px 5px 3px;
    margin: 5px;
}

/* DMA */
/* FMX */
.group-FMX-single,
.group-FMX-single-pays {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    z-index: 0;
}

.group-FMX-single,
.group-FMX-single-pays {
    width: 100%;
}

    .group-FMX-single .pmd-textfield .form-control {
        position: relative;
        width: 100%;
        height: 50px;
        padding: 0px 40px 0px 16px;
        margin-bottom: 0;
        font-size: 0.85rem;
        background: transparent;
        border: none;
        border: solid 1px var(--border-input-lbp);
        border-radius: 4px !important;
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-weight: 500;
    }

    .group-FMX-single .pmd-textfield.has-error .form-control {
        color: var(--font-color);
        border-color: var(--msgError);
    }

    .group-FMX-single .pmd-textfield.has-success .form-control {
        color: var(--font-color);
        border-color: var(--msgSuccess);
    }
    /* SINGLE PAYS */
    .group-FMX-single-pays .pmd-textfield .form-control {
        position: relative;
        width: 100%;
        height: 50px;
        padding: 0px 40px 0px 16px;
        margin-bottom: 0;
        font-size: 0.85rem;
        background: transparent;
        border: none;
        border: solid 1px var(--border-input-lbp);
        border-radius: 4px !important;
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-weight: 500;
    }

    .group-FMX-single-pays .pmd-textfield .text-danger {
        display: none;
    }

    .group-FMX-single-pays .pmd-textfield .text-success {
        display: none;
    }

    .group-FMX-single-pays .form-group.pmd-textfield .etoile {
        display: none;
    }

    .group-FMX-single-pays .pmd-textfield.has-error .form-control {
        color: var(--font-color);
        border-color: var(--msgError);
    }

    .group-FMX-single-pays .pmd-textfield.has-success .form-control {
        color: var(--font-color);
        border-color: var(--msgSuccess);
    }
/* SINGLE PAYS */
.group-FMX-duo {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    z-index: 0;
}

.group-FMX-duo {
    width: 100%;
}

    .group-FMX-duo .pmd-textfield .form-control {
        position: relative;
        width: 100%;
        height: 50px;
        padding: 0px 40px 0px 16px;
        margin-bottom: 0;
        font-size: 0.85rem;
        background: transparent;
        border: none;
        border: solid 1px var(--border-input-lbp);
        border-radius: 4px !important;
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-weight: 500;
    }

    .group-FMX-duo .pmd-textfield.has-error .form-control {
        color: var(--font-color);
        border-color: var(--msgError);
    }

    .group-FMX-duo .pmd-textfield.has-success .form-control {
        color: var(--font-color);
        border-color: var(--msgSuccess);
    }

    .group-FMX-duo .mt-4 {
        margin-top: 0 !important;
    }

@media screen and (min-width: 319px) and (max-width: 600px) {
    .group-FMX-duo {
        flex-direction: column;
    }

        .group-FMX-duo .mt-4 {
            margin-top: 1.5rem !important;
        }
}

.contour-fmx {
    border: 1px solid var(--border-gray-lbp);
    padding: 15px 20px 20px;
    border-radius: 10px;
}

@media screen and (min-width: 319px) and (max-width: 600px) {
    .contour-fmx {
        border: none;
        padding: 0px;
    }
}

.groupSelect-fmx {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    z-index: 0;
}

    .groupSelect-fmx .form-group.pmd-textfield {
        width: 620px;
    }

.form-select-fmx {
    width: 100%;
    height: 50px;
    padding: 0px 0px 0px 16px;
    background-image: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-Icon-arrow-down-select.svg");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 10px;
    border: 1px solid var(--border-input-lbp);
    font-size: 0.85rem;
    color: var(--font-color);
    border-radius: 4px;
    font-weight: 500;
}

.groupSelect-fmx .pmd-textfield.has-error .form-select-fmx {
    color: var(--font-color);
    border-color: var(--msgError);
}

.groupSelect-fmx .pmd-textfield.has-success .form-select-fmx {
    color: var(--font-color);
    border-color: var(--msgSuccess);
}

@media screen and (min-width: 319px) and (max-width: 600px) {
    .groupSelect-fmx .form-group:nth-child(2), .groupSelect-fmx.mt-4 {
        margin-top: 1rem !important;
    }
}

.blocOne-hidden, .blocTwo-hidden, .blocThree-hidden, .blocFour-hidden {
    display: none;
}

.preciser-dNone, .assu-dNone {
    display: none;
}
/* modal preambule */
#modalPreambule .modal-title {
    font-size: var(--heading-S);
    font-weight: 700;
    color: var(--font-color);
    text-align: left;
}

#modalPreambule .recapMentions label {
    font-size: var(--body-S);
    line-height: var(--lineHeight-XS);
    color: var(--font-color);
    padding-top: 3px;
}

#modalPreambule .fmx-consentement {
    color: var(--bleu-lbp);
    font-style: italic;
}

.container-fmx-title {
    text-align: center;
    background-color: var(--white);
    padding: 0px;
}

    .container-fmx-title h5 {
        margin: 0;
        color: var(--font-color-titre);
        font-size: var(--heading-M);
    }
/* modal preambule */
/* Zone boutton signature */
.fmx-signature {
    position: relative;
    border: 2px dashed var(--font-color);
    background-color: transparent;
    /* max-width: 750px; */
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    font-size: var(--body-XS);
    color: var(--font-color);
    text-decoration: underline;
}
/* Zone boutton signature */
/* FMX */

/* WEB RTC */
.groupWebRTC .pmd-textfield .form-control {
    position: relative;
    width: 100%;
    height: 50px;
    padding: 0px 40px 0px 75px;
    margin-bottom: 0;
    font-size: 0.85rem;
    background: transparent;
    border: none;
    border: solid 1px var(--border-input-lbp);
    border-radius: 4px !important;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.groupWebRTC .form-group.pmd-textfield {
    position: relative;
    height: 50px;
    width: 430px;
}

.groupWebRTC .pmd-textfield-focused {
    position: relative;
    top: -1px;
    margin-bottom: 0;
    z-index: 2;
    display: block;
    border: none;
    width: 100%;
    height: 1px;
    /* background-color: #1F368B; */
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

    .groupWebRTC .pmd-textfield-focused:active {
        position: relative;
        top: -1px;
        margin-bottom: 0;
        z-index: 2;
        display: block;
        border: none;
        width: 100%;
        height: 1px;
        background-color: #1F368B;
        -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
        transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
        transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
        transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
        -webkit-transform: scaleX(24px);
        transform: scaleX(24px);
    }

.groupWebRTC .pmd-textfield.has-error .form-control {
    color: var(--font-color);
    border-color: var(--msgError);
}

.groupWebRTC .pmd-textfield.has-success .form-control {
    color: var(--font-color);
    border-color: var(--msgSuccess);
}

.input-webRtc {
    position: relative;
}

    .input-webRtc .webRTC-prefix {
        position: absolute;
        top: 50%;
        left: 10px;
        transform: translateY(-50%);
        font-size: 0.85rem;
        color: var(--font-color);
        pointer-events: none;
        display: flex;
        align-items: center;
    }

.radio-webRTC {
    display: flex;
    align-items: center;
    font-size: var(--body-S);
}

.tuileWebRTC {
    background-color: var(--white);
    border: 1px solid var(--bleu-tuile);
    box-shadow: 0px 0px 6px rgba(35, 35, 35, 0.06);
    text-align: center;
}

.webRTC-Display {
    display: none;
}

.input-webRtc .webRTC-prefix img {
    width: 24px;
    height: 16px;
    margin-right: 10px;
}

.webRTCSwitch.mt-4-5 {
    margin-top: 2rem !important;
}

@media (max-width: 1000px) {
    .webRTC-Display {
        display: block;
    }
}

.tuileWebRTC h2 {
    font-weight: 700;
    font-size: var(--heading-S);
    color: var(--font-color);
    width: 100%;
    text-align: center;
}

.tuileWebRTC p {
    width: 100%;
    font-weight: 500;
    color: var(--font-color);
    font-size: var(--body-S);
    text-align: center;
}

.tuileWebRTC .btn-default-tertiaire {
    width: 150px;
    margin-top: 20px;
}

@media (max-width:500px) {
    .tuileWebRTC {
        height: 230px;
    }
}

@media (min-width: 576px) {
    .modal-dialog.modal-sm {
        max-width: 420px;
        /* margin: 1.75rem auto; */
    }
}

.mt2rem {
    margin-top: 2rem;
}

.bg-newWidget-radiusTop {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.bg-newWidget {
    background-color: var(--white);
    opacity: 1;
    padding: 7px 4px;
}

.bg-newWidget-radiusBottom {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 0px;
}
/* WEB RTC */

/* COMPRENDRE MES GARANTIES */
/* .btn-comprendre-garantie {
    display: none;
}
/* COMPRENDRE MES GARANTIES */
/* COMPRENDRE MES GARANTIES */
.connecteBinTuileDownleft .justify-content-center {
    justify-content: left !important;
}

.btn-comprendre-garantie {
    background: var(--bleu-lbp);
    color: var(--white);
    font-size: var(--body-S);
    font-weight: 600;
    padding: 14px 22px;
    border-radius: 6px;
    outline: none;
    border: none;
    margin-top: 10px;
}

    .btn-comprendre-garantie:hover {
        background: var(--btn-suivant-hover);
    }

#comprendreMesGaranties .offcanvas-body {
    background-color: var(--white);
    padding: 0;
}

#comprendreMesGaranties p, #comprendreMesGaranties ul {
    line-height: var(--heading-M);
}
/* #comprendreMesGaranties.offcanvas.offcanvas-start{
    top: 60px;
    bottom: 33px;
} */
.container_CMesG {
    width: 100%;
    margin: auto;
    display: flex;
    gap: 20px;
    padding: 0px 20px 20px 60px;
}

#comprendreMesGaranties .offcanvas-header {
    height: 60px;
    background-color: #004652;
    opacity: 0.3;
    justify-content: flex-end;
    position: relative;
}

.container_CMesG .sticky-head_CMesG .btn-close {
    background: url("https://static.europ-assistance.fr/PortailBancaire/images/Lbp-btnCLose.svg") no-repeat;
    opacity: 1;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    right: 3%;
}

#offcanvas_CMesG-content {
    margin-bottom: 30px;
}

.container_CMesG h2 {
    font-size: 32px;
    color: var(--font-color-titre);
    font-weight: 700;
    padding: 0px;
    margin: 0;
}

.content_CMesG.margin-top_120 {
    margin-top: 120px;
}

.column_CMesG:first-child {
    flex: 0 0 35%;
}

.column_CMesG.content_CMesG {
    flex: 0 0 65%;
}

.container_CMesG .column_CMesG h2 {
    font-size: var(--heading-M);
    font-weight: 700;
    color: var(--font-color-titre);
}

.menu-item_CMesG {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
    cursor: pointer;
}

    .menu-item_CMesG.active span:nth-child(1) {
        color: var(--font-color);
        font-size: var(--body-M);
    }

    .menu-item_CMesG.active {
        background: var(--bleu-tuile);
        border-radius: 6px;
        color: var(--white);
    }

.chevron_CMesG svg {
    display: block;
}

.menu-item_CMesG.active svg path {
    display: block;
    stroke: var(--font-color) !important;
}

.content-section_CMesG {
    display: none;
    padding: 20px;
    min-height: 200px;
}

    .content-section_CMesG h3 {
        font-size: var(--heading-M);
        font-weight: 700;
        color: var(--font-color-titre);
        margin-bottom: 15px;
    }

        .content-section_CMesG h3::after {
            content: "";
            display: block;
            position: revert;
            padding-top: 5px;
            top: 5px;
            width: 100%;
            height: 1px;
            border-bottom: 1px solid var(--color-disabled);
        }

    .content-section_CMesG strong {
        font-size: var(--body-S);
        font-weight: 700;
    }

    .content-section_CMesG.active {
        display: block;
    }

.filetGris_CMesG {
    border-left: 1px solid var(--color-disabled);
}

button.button_CMesG {
    display: block;
    margin: 0 auto 20px;
    background-color: transparent;
    border-radius: 999px;
    border: 1px solid var(--phone-hover);
    padding: 10px 15px;
    color: var(--phone-hover);
    font-size: var(--body-S);
    font-weight: 700;
}

.sticky-item_CMesG {
    position: sticky;
    top: 140px;
    z-index: 0;
    background: var(--white);
    margin-top: 140px;
}

.sticky-head_CMesG {
    position: fixed;
    height: 110px;
    width: 100%;
    top: 0px;
    z-index: 0;
    background: var(--white);
}

.box-shadow_CMesG {
    position: fixed;
    z-index: 2;
    height: 110px;
    top: 0px;
    box-shadow: 0px 1px 4px rgba(0,0,0,0.1);
}

@media (max-width: 768px) {
    #comprendreMesGaranties .btn-close {
        right: -3%;
    }

    .container_CMesG {
        display: block;
        padding: 16px 16px 0px 16px;
    }

    .column_CMesG.content {
        display: none;
    }

    .container_CMesG h2 {
        font-size: 28px;
    }

    .container_CMesG .column_CMesG h2 {
        font-size: var(--heading-S);
    }

    .menu-item_CMesG span:nth-child(1) {
        font-size: var(--body-S);
    }

    .menu-item_CMesG.active span:nth-child(1) {
        font-size: var(--body-S);
    }

    .sticky-item_CMesG {
        position: static;
    }

    .sticky-head_CMesG2 {
        position: static;
    }

    .box-shadow_CMesG {
        z-index: 0;
    }

    .connecteBinTuileDownleft .justify-content-center {
        justify-content: center !important;
    }
}

.offcanvas_CMesG {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: var(--white);
    transform: translateX(-100%);
    transition: transform 0.3s ease-in-out;
    padding: 5px 20px 20px 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    overflow-y: auto;
}

    .offcanvas_CMesG.open {
        transform: translateX(0%);
    }

.offcanvas_CMesG-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 10px;
}

    .offcanvas_CMesG-header .back-btn,
    .offcanvas_CMesG-header .close-btn {
        font-size: 24px;
        cursor: pointer;
        margin-left: -9px;
    }

.avantage-box_CMesG {
    color: var(--white);
    font-size: var(--body-S);
    border: 1px solid var(--bleu-clair-lbp);
    border-radius: 5px;
    padding: 15px;
    margin: 10px 0px 20px 0px;
    background-color: var(--bleu-clair-lbp);
}

    .avantage-box_CMesG h4 {
        color: var(--white);
        font-size: var(--body-S);
        text-transform: uppercase;
    }

    .avantage-box_CMesG .italic_CMesG {
        font-style: italic;
    }

    .avantage-box_CMesG a {
        color: var(--white);
        text-decoration: none;
    }
/* COMPRENDRE MES GARANTIES */

/* 07/07/2025 -> SPECIFICITES BLOOM */
.spec-autre-titre {
    display: block;
}

.spec-blm-titre {
    display: none;
}

.spec-blm-li {
    display: none !important;
}

.spec-autre-li {
    display: block !important;
}

.spec-blm-form {
    display: none;
}

.spec-autre-form {
    display: block;
}

.spec-nickel-form {
    display: none;
}
/* 07/07/2025 -> SPECIFICITES BLOOM */

/*Phone list*/
#dropdown-area {
    margin-top: 1px;
    position: absolute;
    z-index: 999;
    border: none !important;
    background-color: transparent !important;
    height: -webkit-fill-available;
    font-size: 0.85rem;
    font-weight: 500;
    padding-right: 0px !important;
}

#dropdown-menu-phone {
    box-shadow: 0px 8px 10px 1px rgb(57 64 78 / 70%), 0px 3px 14px 2px rgb(57 64 78 / 70%), 0px 5px 5px -3px rgb(57 64 78 / 70%);
    background-color: #39404e;
    width: auto;
    max-height: 250px;
    white-space: nowrap;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

    #dropdown-menu-phone li a:hover {
        background-color: rgb(51 57 70) !important;
    }

.phone-indicatif-input {
    width: 31px;
    border: none;
    font-size: 0.85rem;
    font-weight: 500;
    background-color: transparent;
}

#dropdown-menu-phone .divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border: none !important;
    border-bottom: 1px solid #302a2a !important;
}
/*Phone list*/


.group-DMA-single-paysFMX .pmd-textfield .form-control {
    position: relative;
    width: 100%;
    height: 50px;
    padding: 0px 40px 0px 24px;
    margin-bottom: 0;
    font-size: 0.85rem;
    background: transparent;
    border: none;
    border: solid 1px #B6B6B6;
    border-radius: 4px !important;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 500;
}