/* CA */
/*
	Copyright (C) Hoefler & Co.
	This software is the property of Hoefler & Co. (H&Co).
	Your right to access and use this software is subject to the
	applicable License Agreement, or Terms of Service, that exists
	between you and H&Co. If no such agreement exists, you may not
	access or use this software for any purpose.
	This software may only be hosted at the locations specified in
	the applicable License Agreement or Terms of Service, and only
	for the purposes expressly set forth therein. You may not copy,
	modify, convert, create derivative works from or distribute this
	software in any way, or make it accessible to any third party,
	without first obtaining the written permission of H&Co.
	For more information, please visit us at http://typography.com.
*/

@import url('https://fonts.googleapis.com/css2?family=Gabarito:wght@400..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 {
    /* Couleur generique */
    --bleuMarine: #030338;
    --orange:#FF3026 !important;
    --white:#fff;
    --grisNuance-1:#F7F7F6;
    --grisNuance-2:#EDEDEC;
    --grisNuance-3:#E1E1E0;
    --grisNuance-4:#D4D4D4;
    --grisNuance-5:#C8C8C7;
    --grisNuance-6:#BBBBBB;
    --grisNuance-7:#AFAFAF;
    --pink:#FFC4EB;
    --pink30:#FFC4EB4D;
    --bordeaux:#C21C17;
    --enAttente:#2372FD;   
    --enCours:#2372FD;
    --enTraitement:#FB9862;
    --transmis:#FB9862;
    --clos:#228B7D;
    --conforme:#228B7D;
    --nonConforme:#2372FD;
    --progressBar:#5466FF;
    --grisTooltipInner: #EAEDF0;
    --bodyColor:#fff;
    --borderDashedFichier:#BBBBBB;
    --borderInput:#C8C8C7;
    --tooltipColor: #FF3026;
    /* Couleur generique */
    /* COULEUR NAVBAR #004652*/
    --bg-nav: #F7F8FA;                         
    /* COULEUR NAVBAR */
    /* couleur txt courant */
    --font-color: #030338;
    --font-color-white: #fff;
    /* couleur txt courant */
    /* background de fonds GRIS*/
    --background-gris-clair: #BBBBBB;
    /* background de fonds GRIS*/
    /* bouton */
    --color-border-button: #fff;
    --color-button-white: #fff;
    --color-disabled: #FF3026;
    --txt-disabled: #FFFFFF80;
    --color-label: #C8C8C7;
    /* bouton #009597*/

    /*bandeau de selection des offres*/

    --bandeau-txt-badge: #5B7785;
    /*bandeau de selection des offres*/
    /* Taille Font */
    --heading-L: 28px;
    --heading-M: 24px;
    --heading-S: 18px;
    --body-M: 16px;
    --body-S: 14px;
    --body-XS: 12px;
    --lineHeight-S: 20px;
    --lineHeight-XS: 16px;
    /* Taille Font */
    /*Message erreur*/
    --msgError: #FF3026;
    --msgValid: #5466ff;
    --msgSuccess: #5466ff;
    /*Message erreur*/
    /* Bandeau Collapse et titre*/
    --collapseBox: #EDEDEC;
    /* Bandeau Collapse et titre*/
    /* 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;
    --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);
}

/* nouvelle modif couleur placeholder */

html,
body {
    height: 100%;
    font-family: "Gabarito", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    color: var(--font-color);
}

body {
    display: flex;
    flex-direction: column;
    background-color: var(--bodyColor);
}

.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_redion.svg") no-repeat;
    width: 160px;
    height: 29px;
}

.logoEA {
    display: none;
}

@media screen and (min-width: 319px) and (max-width: 1015px) {
    .logo {
        margin-left: 10px;
        width: 150px;
        height: 29px;
        background-size: 100%;
    }

    .logoEA {
        margin-right: 10px;
        width: 140px;
        background-size: 100%;
    }
}

/* Element recurrent*/
/* .font21 {
    font-size: var(--text-courant-taille-font21);
}

.font15 {
    font-size: var(--text-courant-taille-font15);
} */
h1,
h2,
h3,
h4,
h5 {
    font-family: "Gabarito", sans-serif;
}

.colorLabelHome {
    color: white;
}

::placeholder {
    color: var(--font-color) !important;
    font-weight: 400;
    font-size: var(--body-S);
}

/* nouvelle modif couleur placeholder */
/* CATS FORM */
.colorBlueLabel {
    color: var(--font-color);
}

/* CATS FORM */
:focus-visible {
    outline: none;
}

/* CATS Visibilité du mot de passe (oeil) */
.oeilOuvert,
.oeilFerme {
    fill: var(--bleuMarine);
}

/* CATS Visibilité 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;
}
.paraphModalGrey {
    color: var(--grisNuance-7);
}

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

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

.titleLight {
    font-weight: 400;
    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: 400;
}

.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: var(--white);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}

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

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

.logoPortailNav {
    background: url("https://static.europ-assistance.fr/PortailBancaire/images/logo_redion.svg") no-repeat;
    background-size: 100%;
    width: 130px;
    height: 25px;
}
.logoRedion{
    background: url("https://static.europ-assistance.fr/PortailBancaire/images/logo_redion.svg") no-repeat;
    background-size: 100%;
    width: 130px;
    height: 25px;
    margin-left: 20px;
}
@media (max-width: 500px) {
    
/* .blocLogo {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 60px;
    width: auto;
    margin-left: 5px;
}
 .logoPortailNav {
    background: url("https://static.europ-assistance.fr/PortailBancaire/images/logo_redion.svg") no-repeat;
    background-size: 100%;
    width: 60px;
    height: 11px;
}
.logoRedion{
    background: url("https://static.europ-assistance.fr/PortailBancaire/images/logo_redion.svg") no-repeat;
    background-size: 100%;
    width: 60px;
    height: 15px;
    margin-left: 5px;
} */
.blocLogo {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 60px;
    width: auto;
    margin-left: 5px;
}
.logoPortailNav {
    background: url("https://static.europ-assistance.fr/PortailBancaire/images/logo_redion.svg") no-repeat;
    background-size: 100%;
    width: 115px;
    height: 21px;
}
/* .logoRedion{
    background: url("https://static.europ-assistance.fr/PortailBancaire/images/logo_redion.svg") no-repeat;
    background-size: 100%;
    width: 60px;
    height: 25px;
    margin-left: 5px;
} */
}

.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: var(--bg-nav);
        box-shadow: 0px 4px 16px rgba(193, 201, 214, 0.35);
    }

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

/* BOUTON PROFIL */
.navbar .containerProfil,
.navbar .containerMeConnecter {
    background-color: var(--bordeaux);
    height: 60px;
    position: relative;
    display: flex;
}

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

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

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

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

/* .navbar .btn-profil::after {
    content: url(https://static.europ-assistance.fr/PortailBancaire/images/LCL/fleche-down-white.svg);
    margin-left: 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(--bordeaux);
    outline: none;
    color: white;
    border: none;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    cursor: pointer;
    text-decoration: none;
}

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

/* AJOUT MFA */
.navbar .btn-Connect span {
    padding-left: 5px;
}

/* AJOUT MFA */

/* 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/bnpp-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(--bordeaux);
        border-radius: 0;
        height: 60px;
    }

    .navbar .btn-Connect::before {
        content: url(https://static.europ-assistance.fr/PortailBancaire/images/bnpp-Icon-feather-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;
}

.menuOffreEtDemande a {
    font-size: var(--body-S);
    font-weight: 500;
    text-decoration: none;
    color: var(--font-color-secondaire);
    display: inline-block;
    position: relative;
    text-transform: uppercase;
}

.menuOffreEtDemande a:hover {
    color: var(--bordeaux);
}

.menuOffreEtDemande a.active {
    color: var(--bordeaux);
}

.menuOffreEtDemande a.active::after {
    background: var(--bordeaux);
}

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

.navbar.bgNavBar .modelCarte {
    font-size: var(--body-XS);
    color: var(--bleuMarine);
    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/bnpp-Icon-feather-credit-card.svg);
    margin-right: 10px;
    position: relative;
    top: 5px;
}

/* .navbar.bgNavBar .modelCarte::after {
    content: url(https://static.europ-assistance.fr/PortailBancaire/images/CA-fleche-down-black.svg);
    margin-left: 10px;
    position: relative;
    top: -2px;
} */
.arrowSelectionCarte {
    position: relative;
    /* AJOUT MFA */
    height: 8px;
    /* AJOUT MFA */
    top: -1px;
    right: 12px;
    stroke: var(--bleuMarine);
}

.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(--collapseBox);
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: 6px;
    /* margin-right: 10px; */
}

.navbar.bgNavBar .modelCarteNonConnecte {
    font-size: var(--body-XS);
    height: 60px;
    line-height: 60px;
    color: var(--font-color-secondaire);
    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/bnpp-Icon-feather-credit-card.svg);
    margin-right: 10px;
    position: relative;
    top: 5px;
}

/* .navbar.bgNavBar .modelCarteNonConnecte::after {
    content: url(https://static.europ-assistance.fr/PortailBancaire/images/CA-fleche-down-black.svg);
    margin-left: 10px;
    position: relative;
    top: -2px;
} */
/* Nouvelle partie Carte non Connectee */
/*CANVAS header*/

.offcanvas {
    width: 100%;
}

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

.offcanvas-btnClose .btn-close {
    background: url(https://static.europ-assistance.fr/PortailBancaire/images/bnpp-croix-white.svg);
    background-repeat: no-repeat;
    background-size: cover;
    outline: none;
    width: 1em;
    height: 1em;
    opacity: 1 !important;
    margin-right: 10px;
    position: absolute;
    z-index: 9999999;
    top: 85px;
    right: 25px;
}

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

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

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

.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(--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: 64px;
    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.35);
    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;
}

/* AJOUT MFA */
.deroulantCartes .deconnexionMenu {
    /* display: flex;
    align-items: center; */
    margin: 8px 0px;
    border: none;
    background-color: transparent;
    font-size: var(--body-XS);
    color: var(--font-color);
}

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

/* AJOUT MFA */

.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/bnpp-Icon-feather-credit-card.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.35);
    padding: 10px 10px 10px 15px;
}

/* .deroulantProfils.active{
    display: none;
} */
.deroulantProfilsHidden {
    display: none;
}

.deroulantProfilsVisible {
    display: block;
}

.deroulantProfils .profilMenu,
.deroulantProfils .deconnexionMenu {
    /* display: flex;
    align-items: center; */
    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/bnpp-Icon-feather-user-gris.svg);
    margin-right: 10px;
    position: relative;
    top: 2px;
}

.deroulantProfils .deconnexionMenu::before {
    content: url(https://static.europ-assistance.fr/PortailBancaire/images/bnpp-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: transparent;
    color: white;
    font-size: var(--body-S);
    font-weight: 600;
    padding: 14px 22px;
    border-radius: 999px;
    outline: none;
    border: 1px solid white;
    margin: 0 auto;
}

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

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

/* BOUTON PRIMAIRE */

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

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

/* CATS */
.btn-default-primaire::after {
    content: url(https://static.europ-assistance.fr/PortailBancaire/images/bnpp-Icone-fleche-horizontale-btn.svg);
    position: relative;
    top: 1px;
    margin-left: 10px;
}

.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/bnpp-Icone-fleche-horizontale-btn-disabled.svg);
    position: relative;
    top: 1px;
    margin-left: 10px;
}

/* CATS */
/* BOUTON PRIMAIRE AVEC TEXTE SUR 2 LIGNE*/
.btn-default-primaire-bis {
    position: relative;
    line-height: 19px;
    background: var(--orange);
    color: white;
    border: none;
    font-size: var(--body-S);
    font-weight: 600;
    padding: 15px 22px;
    border-radius: 999px;
    outline: none;
    transition: all .3s ease-in-out;
}

/* .btn-default-primaire-bis:hover {
    background: white;
    color: #009C8C;
    border: 1px solid white;
} */

/* .btn-default-primaire-bis::after {
    content: url(https://static.europ-assistance.fr/PortailBancaire/images/Icone-fleche-horizontale-btn.svg);
    position: absolute;
    top: 19px;
    right: 15px;
} */


/* BOUTON PRIMAIRE */
.containerGlobalHomePage .btn-default-secondaire {
    background: var(--orange);
    color: white;
    font-size: var(--body-S);
    font-weight: 600;
    padding: 14px 22px;
    border-radius: 999px;
    outline: none;
    border: none;
    /* border: 1px solid white; */
}

/* BOUTON SECONDAIRE */
.btn-default-secondaire {
    background: var(--bleuMarine);
    /* border: 1px solid white; */
    border: none;
    font-weight: 600;
    color: white;
    font-size: var(--body-S);
    padding: 16px 30px;
    border-radius: 999px;
}

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

.btn-default-secondaire:disabled {
    cursor: not-allowed;
    background-color: var(--color-disabled);
    color: var(--txt-disabled);
}
/* Spécifique pour cette page => modal-codeSMS-nonRecu.html */
#codeValidationSMS .btn-default-secondaire {
    background: var(--orange);
    /* border: 1px solid white; */
    border: none;
    font-weight: 600;
    color: var(--white);
    font-size: var(--body-S);
    padding: 16px 30px;
    border-radius: 999px;
}
/* Spécifique pour cette page => modal-codeSMS-nonRecu.html */

/* .btn-default-secondaire:hover {
    background: var(--white);
    color: var(--secondaire-color);;
} */
/* 
.btn-default-secondaire::after {
    content: url(https://static.europ-assistance.fr/PortailBancaire/images/Icone-fleche-horizontale-btn-bleu.svg);
    position: relative;
    top: 1px;
    margin-left: 10px;
} */

/* 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: 999px;
}

.btn-default-secondaire-annul::before {
    content: url(https://static.europ-assistance.fr/PortailBancaire/images/bnpp-pictoDel-CATS.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(--bleuMarine);
    font-weight: 600;
    color: var(--bleuMarine);
    font-size: var(--body-S);
    padding: 12px 15px;
    border-radius: 999px;
}

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

/* BOUTON SECONDAIRE OUTLINE AJOUT BENEFICIAIRE */

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

.btn-default-primaire-2:hover {
    background: transparent;
    border: 1px solid white;
    color: white;
}

.btn-default-primaire-2::after {
    content: url(https://static.europ-assistance.fr/PortailBancaire/images/bnpp-open-in-new.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(--bleuMarine);
    color: var(--bleuMarine);
    font-size: var(--body-S);
    font-weight: 600;
    padding: 12px 20px;
    border-radius: 999px;
    outline: none;
}

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

/* bouton btn-default-secondaire-outline pour page suivi */
/* .containerStepRemboursement .btn-default-secondaire {
    background: #308276;
    color: white;
    font-size: var(--body-S);
    font-weight: 600;
    padding: 14px 22px;
    border-radius: 999px;
    outline: none;
    border: none;
} */

/* 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 {
    position: relative;
    background: var(--white);
    border: 1px solid var(--bleuMarine);
    color: var(--bleuMarine);
    font-size: var(--body-S);
    font-weight: 600;
    padding: 12px 20px;
    border-radius: 999px;
    outline: none;
}

/* .btn-default-secondaire-outline-SPSS.active::after {
    content: url(https://static.europ-assistance.fr/PortailBancaire/images/CA-Icone-Check.svg);
    position: absolute;
    top: -10px;
    right: -10px;
} */
.btn-default-secondaire-outline-SPSS.active {
    border: 1px solid var(--bleuMarine);
    background: var(--white);
    color: var(--white);
    background: var(--bleuMarine);
}

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

/* .btn-default-secondaire-outline.active::after {
    content: url(https://static.europ-assistance.fr/PortailBancaire/images/CA-Icone-Check.svg);
    position: absolute;
    top: -10px;
    right: -10px;
} */
@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;
    }
}

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

.textVisible::before {
    content: url(https://static.europ-assistance.fr/PortailBancaire/images/bnpp-warning-accordeon.svg);
    margin-right: 10px;
}

.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 {
    background: var(--orange);
    /* border: 1px solid white; */
    border: none;
    font-weight: 600;
    color: white;
    font-size: var(--body-S);
    padding: 16px 30px;
    border-radius: 999px;
}
.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: var(--font-color);
    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: var(--grisNuance-5);
} */

.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 var(--borderInput);
    border-radius: 0;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.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(--borderInput);
    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(--borderInput);
    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(--borderInput);
    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(--borderInput);
    border-radius: 4px !important;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.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(--borderInput);
    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(--borderInput);
    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(--borderInput);
    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;
}

/* .text-danger {
    position: absolute;
    background-image: url("https://static.europ-assistance.fr/PortailBancaire/images/CA-close_black_24dp.svg");
    background-repeat: no-repeat;
    background-size: 24px;
    width: 24px;
    height: 24px;
    right: 20px;
    top: 38px;
} */

.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: var(--grisNuance-5);
    border-color: var(--msgError);
}

/* Message Error*/
/* Message Success*/
/* .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: 20px;
    top: 38px;
} */

.pmd-textfield-floating-label.pmd-textfield-floating-label-completed.has-success label {
    color: var(--grisNuance-5);
}

.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 {
    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;
    max-width: 100%;
}

.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(--color-label);
    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(--color-label);
    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(--color-label);
    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(--color-label);
    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(--color-label);
    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(--color-label);
    margin-left: 33px;
    -webkit-transform: translateY(7px);
    transform: translateY(7px);
    position: relative;
    z-index: 98;
}

/* CATS FORM */
.groupDate {
    -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(--color-label);
    -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: 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 .text-danger,
.NonConnectePass .text-danger {
    position: absolute;
    background-image: url("https://static.europ-assistance.fr/PortailBancaire/images/CA-close_black_24dp.svg");
    background-repeat: no-repeat;
    background-size: 24px;
    width: 24px;
    height: 24px;
    right: 33px;
    top: 16px;
} */

/* .NonConnecteEmail .text-success,
.NonConnectePass .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: 33px;
    top: 16px;
} */

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

.NonConnecteEmail {
    color: 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 .text-danger {
    position: absolute;
    background-image: url("https://static.europ-assistance.fr/PortailBancaire/images/CA-close_black_24dp.svg");
    background-repeat: no-repeat;
    background-size: 24px;
    width: 24px;
    height: 24px;
    right: 11px;
    top: 13px;
    z-index: 98;
} */
/* 
.groupDate .text-danger {
    position: absolute;
    background-image: url("https://static.europ-assistance.fr/PortailBancaire/images/CA-close_black_24dp.svg");
    background-repeat: no-repeat;
    background-size: 24px;
    width: 24px;
    height: 24px;
    right: 11px;
    top: 13px;
    z-index: 98;
} */

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

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

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

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

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

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



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

.groupLabel .has-error .control-label,
.has-error .help-block {
    color: var(--grisNuance-5);
}

/* 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 ancienne version */
/* .groupLabel .pmd-textfield.has-success .form-control {
    color: var(--font-color);
    border-color: var(--msgSuccess);
} */
/* CATS ancienne version */
/* CATS FORM */

.groupLabel .has-success .control-label,
.has-success .help-block {
    color: var(--grisNuance-5);
}

/* 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 */
/* Calendrier */
/* #dateplaceholder::-webkit-calendar-picker-indicator {
    background-image: url("https://static.europ-assistance.fr/PortailBancaire/images/CA-date-range.svg");
    position: absolute;
    right: 12px;
    top: 0px;
    border: none;
}

#dateplaceholder {
    height: calc(1.5em + .0rem + 2px);
} */

.positionCalendarNaissance {
    position: absolute;
    background-image: url("https://static.europ-assistance.fr/PortailBancaire/images/bnpp-calendar.svg");
    background-repeat: no-repeat;
    width: 15px;
    height: 17px;
    right: 15px;
    top: 44px;
    z-index: 99;
}

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

/* .positioneEmail {
    background-image: url("https://static.europ-assistance.fr/PortailBancaire/images/CA-Icon-material-mail-outline.svg");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 10px;
    top: 22px;
    z-index: 98;
} */

/* .positioneEmailStep {
    background-image: url("https://static.europ-assistance.fr/PortailBancaire/images/CA-Icon-material-mail-outline.svg");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 10px;
    top: 22px;
    z-index: 98;
} */

/* .positionMonde {
    background-image: url("https://static.europ-assistance.fr/PortailBancaire/images/CA-Icon-material-language.svg");
    background-repeat: no-repeat;
    position: absolute;
    width: 15px;
    height: 17px;
    left: 10px;
    top: 22px;
    z-index: 99;
} */

.arrowSelect {
    background-image: url(https://static.europ-assistance.fr/PortailBancaire/images/bnpp-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 .form-group.pmd-textfield .etoile {
        position: absolute;
        display: inline-block;
        right: 4px;
        top: 20px;
    }

    .groupDate .text-success {
        right: 35px;
    }

    .groupDate .text-danger {
        right: 35px;
    } */

    .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(--bleuMarine);
    font-weight: 700;
    border-radius: 50%;
}

.datepicker table tr td.today.active.active,
.datepicker table tr td.today.active:hover.active {
    background-color: var(--bleuMarine) !important;
    background-image: none;
    color: 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(--bleuMarine);
    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(--bleuMarine);
    background-image: none;
    color: white;
    font-weight: 700;
}

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

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

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

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

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

.datepicker .next::before {
    content: url(https://static.europ-assistance.fr/PortailBancaire/images/bnpp-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;
}

/* RETIRER LORS DU LOT 2 08/09/2023 */
/*RAJOUT LE 12072021 - POPUP nouvelle demande remboursement - START*/
/* #nouvelleDemandeModal .form-group {
    width: 80%;
}

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

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

#nouvelleDemandeModal .form-group.pmd-textfield .text-danger {
    position: absolute;
    background-image: url(https://static.europ-assistance.fr/PortailBancaire/images/CA-close_black_24dp.svg);
    background-repeat: no-repeat;
    background-size: 24px;
    width: 24px;
    height: 24px;
    top: 28px;
}

#nouvelleDemandeModal .form-group.pmd-textfield .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;
    top: 28px;
}

#nouvelleDemandeModal .form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
} 
.btnModalRemb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.btnNouvelleDemande {
    border-radius: 9999px;
    background-color: #2ED4D4;
    color: var(--white);
    padding: 10px 15px;
    border: none;
    outline: none;
}
*/
/* RAJOUT LE 12072021 - POPUP nouvelle demande remboursement - END*/
/* RETIRER LORS DU LOT 2 08/09/2023 */

/* 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: flex-start;
    /* AJOUT MFA */
    align-items: flex-start;
    /* AJOUT MFA */
    width: 100%;
    min-width: 300px;
    margin: 0px auto 0px;
}

.hpItem {
    border-radius: none;
}

/* home page bloc gauche */
.hpGauche {
    width: 580px;
    margin-right: 20px;
    background: white;
    padding: 30px 25px;
    border-radius: 20px;
    margin-bottom: 10px;
    box-shadow: 0px 4px 16px rgba(193, 201, 214, 0.35);
}

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

.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 {
    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/bnpp_bulletHome.svg);
    margin-right: 10px;
    position: relative;
    top: 5px;
    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(--bleuMarine);
    padding: 30px 25px;
    border-radius: 20px;
    box-shadow: 0px 4px 16px rgba(193, 201, 214, 0.35);
}

.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 .pictoIndexBlocTop {
    background: url("https://static.europ-assistance.fr/PortailBancaire/images/CA-Icon-material-lock-open.svg") no-repeat;
    width: 30px;
    height: 32px;
} */

.hpDroite h3 {
    font-size: var(--heading-M);
    text-align: left;
    color: var(--white);
    font-weight: 700;
    margin-bottom: 0;
    /* text-transform: uppercase; */
}

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

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

@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(--bleuMarine);
}

.form-control:focus {
    color: var(--bleuMarine);
    background-color: var(--white);
    border-color: var(--grisNuance-4);
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* Formulaire Home page */
/* Formulaire HomePage "Acceder à 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: var(--grisNuance-1);
    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: 400;
}

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

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: transparent;
    border-radius: 5px;
    border: 1px solid var(--grisNuance-4);
}

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

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

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

.customcheck .checkmark:after {
    left: 6px;
    top: 3px;
    width: 5px;
    height: 9px;
    border: solid var(--white);
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mdpOublier,
.mdpOublier:hover {
    color: white;
    text-decoration: underline;
}

/* Formulaire HomePage "Acceder à 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(--bleuMarine);
    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: var(--bleuMarine);
    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: var(--grisNuance-5);
    content: url(https://static.europ-assistance.fr/PortailBancaire/images/bnpp-arrow-right-filAriane.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: 500;
    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(--bleuMarine);
    font-weight: 500;
    text-decoration: underline;
}

.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: var(--bleuMarine);
    font-weight: 500;
    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: var(--grisNuance-5);
    content: url(https://static.europ-assistance.fr/PortailBancaire/images/bnpp-arrow-right-filAriane.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);
}

/*@media screen and (min-width: 319px) and (max-width: 1012px) {
    .containerConnecte {
        flex-wrap: wrap;
        gap: 0px;
        margin: 0px auto 0px;
    }
    .containerConnecteViaCompte {
        gap: 0px;
    }
    .mt80 {
        margin-top: 128px !important;
    }

    .mt45 {
        margin-top: 45px;
    }
}*/
/*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: 128px !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.35);
    border-radius: 20px;
}

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

.bgcolorCA {
    background: white;
}

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

.bgColorightBlue {
    background: #C0D0D8;
}

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

.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: 400;
}

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

.listCoche li {
    list-style-image: url(https://static.europ-assistance.fr/PortailBancaire/images/bnpp-Icon-awesome-check.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;
}

.pictoOpenNews {
    background: url(https://static.europ-assistance.fr/PortailBancaire/images/bnpp-open-in-new.svg);
    background-repeat: no-repeat;
    background-size: 13px;
    width: 13px;
    height: 13px;
    display: inline-block;
    margin-left: 5px;
}

/*RAJOUT LE 09/12/2021 concerne l'alignement des tuiles */
/* @media screen and (min-width: 426px) and (max-width: 768px) {
    .hpConnecte {
        width: 49%;
    }
} */

/* @media screen and (min-width: 769px) and (max-width: 1053px) {
    .hpConnecte {
        width: 47%;
    }
} */

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

@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;
    box-shadow: 0px 4px 16px rgba(193, 201, 214, 0.35);
    border-radius: 20px;
}

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

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

.containerStepForm .titleBlocBold {
    font-weight: 700;
    text-transform: none;
    margin-bottom: 0;
}

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

    .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(--grisNuance-5);
}

.lastColor {
    width: 93%;
    height: 5px;
    background-color: var(--grisNuance-2);
}

.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(--secondaire-color);
    font-weight: 700;
}

.containerStepForm .breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: .5rem;
    color: #6c757d;
    content: url();
}

/**/
.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: 20px;
    box-shadow: 0px 4px 16px rgba(193, 201, 214, 0.35);
}

.groupContact {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    z-index: 0;
}

.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 var(--borderInput);
    border-radius: 4px !important;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.groupContact .pmd-textfield .form-control {
    position: relative;
    width: 100%;
    height: 50px;
    padding: 0px 40px 0px 16px;
    margin-bottom: 0;
    background: transparent;
    border: solid 1px var(--borderInput);
    border-radius: 4px !important;
}

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

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

.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);
}

.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);
}

.groupAreaContact .form-group.pmd-textfield {
    width: 720px;
}

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

.groupSelectContact .form-group.pmd-textfield {
    width: 720px;
}

.groupContact .form-group.pmd-textfield {
    width: 350px;
    margin-right: 20px;
}

.containerContactForm {
    background-color: var(--white);
    padding: 15px 15px 15px 30px;
    width: 96%;
    max-width: 1012px;
    min-width: 300px;
    margin: 0 auto;
    border-radius: 20px;
    position: relative;
    box-shadow: 0px 4px 16px rgba(193, 201, 214, 0.35);
}

.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);
    margin-bottom: 0;
}

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

.sousTitleStep {
    margin-top: 5px;
}

/* Nouvelle modif sous titre sans soulignement */
/* .containerStepFormShadow p.sousTitleStep::after {
    content: "";
    display: block;
    border: 0;
    height: 3px;
    background: #2ED4D4;
    width: 50px;
    margin-top: 5px;
} */
/* Nouvelle modif sous titre sans soulignement */
.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: white;
    border: 1px solid var(--bleuMarine);
    border-radius: 9999px;
    color: var(--bleuMarine);
    font-size: var(--body-S);
    padding: 8px 8px;
}

.boxBtnAssure .btnAjout:active {
    background-color: white;
    border: 1px solid var(--secondaire-color);
    border-radius: 9999px;
    color: var(--secondaire-color);
    font-size: var(--body-S);
    padding: 8px 8px;
}

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

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

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

.btnValidAjoutBene {
    background-color: white;
    color: var(--bleuMarine);
    border: 1px solid var(--bleuMarine);
    border-radius: 9999px;
    outline: none;
    font-weight: 600;
    font-size: var(--body-S);
    padding: 10px 20px;
}

/* .btnValidAjoutBene:hover {
    background: #2ED4D4;
    color: white;
} */
/* .btnValidAjoutBene::after {
    content: url(https://static.europ-assistance.fr/PortailBancaire/images/Icone-fleche-horizontale-btn.svg);
    position: relative;
    top: 1px;
    margin-left: 10px;
} */
.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 white inset !important;
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}

.moisCarte label,
.anneeCarte label {
    color: var(--grisNuance-5);
    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: var(--grisNuance-5);
    letter-spacing: 0px;
}

.inptutAnnee:-ms-input-placeholder,
.inputMois:-ms-input-placeholder {
    font-size: 30px;
    position: relative;
    top: 0px;
    color: var(--grisNuance-5);
    letter-spacing: 0px;
}

.inptutAnnee::-ms-input-placeholder,
.inputMois::-ms-input-placeholder {
    font-size: 30px;
    position: relative;
    top: 0px;
    color: var(--grisNuance-5);
    letter-spacing: 0px;
}

.inptutAnnee::placeholder,
.inputMois::placeholder {
    font-size: 30px;
    position: relative;
    top: 0px;
    color: var(--grisNuance-5);
    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: white;
    border: 1px solid var(--orange);
    color: var(--orange);
    font-size: var(--body-S);
    font-weight: 600;
    padding: 14px 22px;
    border-radius: 999px;
    outline: none;
}
/* .previousStep:hover {
    background: var(--orange);
    color: white;
    font-size: var(--body-S);
    font-weight: 600;
    padding: 14px 22px;
    border-radius: 999px;
    outline: none;
    border: 1px solid var(--orange);
} */
/* .previousStep:hover::before {
    content: url(https://static.europ-assistance.fr/PortailBancaire/images/bnpp-Icone-fleche-previous-hover.svg);
    position: relative;
    top: 1px;
    margin-right: 10px;
} */
/* CATS */

.previousStep::before {
    content: url(https://static.europ-assistance.fr/PortailBancaire/images/bnpp-Icone-fleche-previous.svg);
    position: relative;
    top: 1px;
    margin-right: 10px;
}
/* CATS */
/* .previousStep::before {
    content: url(https://static.europ-assistance.fr/PortailBancaire/images/CA-Icone-fleche-horizontale-btn-precedent.svg);
    margin-right: 5px;
} */

/* .previousStep::after {
    content: "";
    display: block;
    border: 0;
    height: 1px;
    background: var(--bordeaux);
    ;
    width: 100%;
    margin-top: 2px;
} */

.containerStepFormShadow .nextStep {
    border-radius: 9999px;
    background-color: var(--orange);
    color: var(--white);
    padding: 10px 20px;
    border: none;
    outline: none;
}

/* RAJOUT DU 13072021 */
.containerStepFormShadow .nextStep:disabled,
.btnModalRemb .btnNouvelleDemande:disabled {
    border-radius: 9999px;
    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(--grisNuance-5);
    border-radius: .25rem;
}

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

.progressBar p {
    color: var(--grisNuance-5);
    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(--progressBar);
    -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 var(--grisNuance-5);
}

.divider-dotted {
    width: 100%;
    border-top: 1px dotted var(--grisNuance-5);
}

.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);
}

@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: 9999px;
    border: 1px solid var(--bleuMarine);
    color: var(--bleuMarine);
}

button.btnModifier:hover {
    background: none;
    border-radius: 9999px;
    border: 1px solid var(--bleuMarine);
    color: var(--bleuMarine);
}

button.btnModifier::before {
    content: url("https://static.europ-assistance.fr/PortailBancaire/images/bnpp-crayonVert-bnpp.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(--bleuMarine);
}

.rememberMe label {
    font-size: var(--body-XS);
    color: 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: white;
    color: var(--bleuMarine);
    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/bnpp-paperclip.svg);
    /* width: 15px; */
    height: 32px;
    /* margin-left: 2px; */
    position: relative;
    top: 0px;
    left: -7px;
}

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

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

.btnStepRecap .previousStep::before {
    content: url(https://static.europ-assistance.fr/PortailBancaire/images/bnpp-Icone-fleche-previous.svg);
    position: relative;
    top: 1px;
    margin-right: 10px;
}

/* .btnStepRecap .previousStep::after {
    content: "";
    display: block;
    border: 0;
    height: 2px;
    background: #1F368B;
    width: 85px;
    margin-top: 2px;
} */

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

.custom-control-input:checked~.custom-control-label::before {
    color: var(--white);
    border-color: var(--bordeaux);
    background-color: var(--bordeaux);
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    display: flex;
    align-self: flex-start;
}

.custom-control-input:focus~.custom-control-label::before {
    -webkit-box-shadow: none !important;
    box-shadow: none !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: 400;
}

.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: 20px;
    box-shadow: 0px 4px 16px rgba(193, 201, 214, 0.35);
}

.containerStepRemboursement {
    background-color: var(--white);
    padding: 25px 30px 25px 30px;
    width: 96%;
    max-width: 1012px;
    min-width: 300px;
    margin: 20px auto 0;
    border-radius: 20px;
    box-shadow: 0px 4px 16px rgba(193, 201, 214, 0.35);
}

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

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

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

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

.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 {
        margin-top: 10px;
        display: flex !important;
        justify-content: flex-start !important;
    }

    .blocgrisRemboursement .blocMonDossier {
        width: 100%;
    }
}

.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;
}
.docTransmisEtTaille p{
        color: var(--grisNuance-6);
    }
@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;
    }
}


.blocgris h3 {
    color: var(--font-color);
    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;
}

/* .borderTopDivider{
    border-top: 1px solid #E0E0E0;
} */


/* 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 */
.pictoWarning::before {
    content: url("https://static.europ-assistance.fr/PortailBancaire/images/bnpp-warning.svg");
    width: 15px;
    height: 15px;
    margin-right: 5px;
    position: relative;
    top: 2px;
}

.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(--bleuMarine);
    border: none;
    color: white;
    padding: 12px 20px;
    font-size: var(--body-S);
    border-radius: 999px;
}

.btnAccesDossierFull:disabled {
    background-color: var(--color-disabled);
    border-radius: 999px;
    border: none;
    color: var(--txt-disabled);
    padding: 12px 20px;
    font-size: var(--body-S);
}

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

.newRequest {
    display: block;
    background-color: white;
    border-radius: 999px;
    border: 1px solid var(--bleuMarine);
    padding: 5px 10px;
    color: var(--bleuMarine);
    font-size: var(--body-S);
    font-weight: 500;
}

.newRequest::before {
    content: url("https://static.europ-assistance.fr/PortailBancaire/images/bnpp-crayonVert.svg");
    width: 15px;
    height: 15px;
    margin-right: 5px;
}

@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: var(--grisNuance-5);
    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: 999px;
}

/* CATS changement de couleur gelules En attente / En traitement / Clos */
.suivreMesDoc .decoEncours.colorEnAttente {
    background-color: transparent;
    border: 1px solid var(--enAttente) ;
}

.suivreMesDoc p.decoEncours.colorEnAttente {
    color: var(--enAttente);
    font-size: var(--body-XS);
    font-weight: 700;
}

.suivreMesDoc .decoEncours.colorEnTraitement {
    background-color: transparent;
    border: 1px solid var(--enTraitement);
}

.suivreMesDoc p.decoEncours.colorEnTraitement {
    color: var(--enTraitement);
    font-size: var(--body-XS);
    font-weight: 700;
}

.suivreMesDoc .decoEncours.colorClos {
    background-color: transparent;
    border: 1px solid var(--clos);
}

.suivreMesDoc p.decoEncours.colorClos {
    color: var(--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(--bleuMarine);
    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/bnpp-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/bnpp-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/bnpp-picto-mesMessages.svg);
    margin-left: 10px;
    position: relative;
    top: 2px;
}

.pictoMessagesActif::after {
    content: url(https://static.europ-assistance.fr/PortailBancaire/images/bnpp-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: 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);
    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);
    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(--grisNuance-6);
    font-size: var(--body-XS);
}

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

/* CATS */
/* .suivreMesDoc .blocDoctransmettre {
   width: 100%;
} */

.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; */
}

a.nomDocTransmis.fileSize {
    text-decoration: none;
}

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

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

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

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

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

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

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

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

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

.zoneJustifListe .nomDocTransmisDelete {
    border: none;
    outline: none;
}

.zoneJustifListe .nomDocTransmisDelete::after {
    content: url("https://static.europ-assistance.fr/PortailBancaire/images/bnpp-delete.svg");
    position: relative;
    top: 2px;
    margin-left: 5px;
    margin-right: 10px;
}

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

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

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

/* CATS */
.geluleEtat {
    color: var(--font-color);
    padding: 5px 15px;
    border-radius: 999px;
    height: 32px;
}

.geluleEtat.geluleColor1 {
    background-color: transparent;
    border: 1px solid var(--enAttente);
}

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

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

.geluleEtat.geluleColor4 {
    background-color: transparent;
    border: 1px solid var(--transmis);
}

/* CATS */
.zoneJustif .txtTrans {
    font-size: var(--body-XS);
    color: var(--enAttente);
    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(--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 .nomDocTransmis::after {
    content: url("https://static.europ-assistance.fr/PortailBancaire/images/bnpp-delete.svg");
    position: relative;
    top: 2px;
    margin-left: 10px;
}

.zoneJustif .conformeGreen {
    font-size: var(--body-XS);
    color: var(--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 .nomDocConforme::after {
    content: url("");
    position: relative;
    top: 2px;
    height: 20px;
    margin-left: 10px;
}

.zoneJustif .nonConformeRed {
    font-size: var(--body-XS);
    color: var(--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(--pink30);
    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/bnpp-WarningBleu.svg");
    margin-right: 5px;
    position: relative;
    top: 2px;
}

/* CATS */
.VoirDetailSPSS {
    background-color: transparent;
    border: none;
    color: var(--bleuMarine);
    font-size: var(--body-S);
    font-weight: 500;
    text-decoration: underline;
}

.zoneFile {
    border: 1px dashed var(--font-color);
    background-color: 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: var(--bleuMarine);
    text-align: center;
    margin-bottom: 0;
    font-size: var(--body-S);
}

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

/* .label-file:hover::before {
    content: url("");
    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;
    }

    /* .rotate-icon::after {
        top: 5px;
    } */
}

/* accoedeon*/

/* 20/06/2023 Document a bien ete chargé TOASTER */
.roleAlert {
    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(--pink);
    width: 53%;
    border-radius: 15px;
    color: var(--bleuMarine);
    padding: 10px;
}

@media (max-width:1200px) {
    .roleAlert {
        width: 96%;
    }
}

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

.roleAlert .btn-close-alert {
    position: relative;
    top: 7px;
    margin-left: 10px;
    background: url(https://static.europ-assistance.fr/PortailBancaire/images/bnpp-btnCLose.svg) no-repeat;
    background-size: 60%;
    width: 55px;
    height: 46px;
    opacity: 1;
    box-sizing: border-box;
    border: none;
}

/* 20/06/2023 Document a bien ete chargé TOASTER */
/* ERREUR DE DOC */
.roleAlertWarning {
    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(--pink);
    width: 96%;
    max-width: 1012px;
    min-width: 300px;
    border-radius: 15px;
    color: white;
    padding: 10px;
}

.roleAlertWarning .formatNonAccepte {
    color: var(--font-color);
    font-size: var(--body-S);
    padding-left: 50px;
}

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

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

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

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

.roleAlertWarning .btn-close-alert {
    margin-left: auto;
    position: relative;
    top: 7px;
    background: url(https://static.europ-assistance.fr/PortailBancaire/images/bnpp-btnCLose.svg) no-repeat;
    background-size: 60%;
    width: 55px;
    height: 46px;
    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%;
    }

    .roleAlertWarning .btn-close-alert {
        background-size: 70%;
    }
}

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

    .roleAlertWarning .btn-close-alert {
        background-size: 80%;
    }

    .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/bnpp_telechargerNotice.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;
}

.pictoCoeur::before {
    content: url("https://static.europ-assistance.fr/PortailBancaire/images/bnpp-picto-heartbeat.svg");
    width: 15px;
    height: 15px;
    margin-right: 15px;
    position: relative;
    top: 2px;
}

.textVertPrimary {
    color: #1F368B;
    font-weight: 500;
}

.textVertPrimary span:first-child {
    color: #1F368B;
}

.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;
}

.containerConnecteViaCompte hr {
    margin-top: .1rem;
    margin-bottom: .4rem;
    border: 0;
    border-top: 2px solid #1F368B;
}

.containerConnecteViaCompte p {
    color: #1F368B;
}

.pictoVerrou::before {
    content: url("");
    width: 15px;
    height: 15px;
    margin-right: 15px;
}

.buttonGreenDark {
    background-color: #1F368B;
    font-weight: 500;
    border-radius: 5px;
    font-size: var(--body-M);
    border: none;
    padding: 5px 10px;
    color: var(--white);
}

.btnPictoAcceder::after {
    content: url("https://static.europ-assistance.fr/PortailBancaire/images/bnpp-open-in-new.svg");
    width: 15px;
    height: 15px;
    margin-left: 8px;
}

/* Landing Connecte Via COmpte */
/*RAJOUT LE 12072021 - demande de remboursement Modal START */
#remboursementModal .modal-header,
#nouvelleDemandeModal .modal-header {
    background-color: 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 .close::after,
#nouvelleDemandeModal .close::after {
    content: url("https://static.europ-assistance.fr/PortailBancaire/images");
    position: absolute;
    top: -46px;
    right: -46px;
}

@media screen and (min-width: 319px) and (max-width: 680px) {
    #remboursementModal .close::after {
        content: url("https://static.europ-assistance.fr/PortailBancaire/images");
        position: absolute;
        top: -52px;
        right: 0px;
    }

    /* #nouvelleDemandeModal .close::after {
        content: url("https://static.europ-assistance.fr/PortailBancaire/images");
        position: absolute;
        top: 5px;
        right: 5px;
    } */
}

#remboursementModal .modal-title,
#nouvelleDemandeModal .modal-title {
    font-size: var(--heading-S);
    color: var(--font-color);
    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);
    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-group.pmd-textfield .text-danger {
    position: absolute;
    background-image: url(https://static.europ-assistance.fr/PortailBancaire/images/CA-close_black_24dp.svg);
    background-repeat: no-repeat;
    background-size: 24px;
    width: 24px;
    height: 24px;
    top: 28px;
} */

/* #remboursementModal .form-group.pmd-textfield .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;
    top: 28px;
} */

#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: 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;
}

#remboursementModal .modal-footer .btnVersPortail::after {
    content: url("https://static.europ-assistance.fr/PortailBancaire/images/bnpp-open-in-new.svg");
    margin-left: 10px;
}

@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: 20px;
    box-shadow: 0px 4px 16px rgba(193, 201, 214, 0.35);
}

.containerMonProfil h1 {
    font-size: var(--heading-L);
    color: var(--font-color);
    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(--bleuMarine);
    background: transparent;
    font-size: var(--body-S);
    padding: 2px 15px;
    border-radius: 999px;
    color: var(--bleuMarine);
}

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

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

.pictoDelProfil::before {
    content: url("https://static.europ-assistance.fr/PortailBancaire/images/bnpp-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: var(--grisNuance-2);
    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(--orange);
}

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

.blocBoutonAjoutSupp .btnAjout,
.blocBoutonAjoutSupp .btnAjout:active {
    background-color: white;
    border: 1px solid var(--bleuMarine);
    border-radius: 9999px;
    color: var(--bleuMarine);
    font-size: var(--body-S);
    padding: 3px 8px;
    outline: none;
}

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

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

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

.ajoutNewCarte {
    display: none;
}

.ajoutNewCarte.active {
    display: block;
}

#btnDeleteAssure {
    display: none;
}

#counterCarte {
    font-size: var(--body-XS);
    margin-top: 8px;
    margin-left: 3px;
}

.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(--borderInput);
    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(--borderInput);
    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;
    /* background-color: var(--nav-color); */
    -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: var(--grisNuance-5);
    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 .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: 999;
} */

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

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

@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: white;
    padding: 15px;
    width: 96%;
    max-width: 1012px;
    min-width: 300px;
    margin: 0px auto 0px;
    position: relative;
    box-shadow: 0px 4px 16px rgba(193, 201, 214, 0.35);
    border-radius: 20px;
}

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

.containerFAQtitle {
    background-color: white;
    padding: 15px 0px 15px 0px;
    width: 96%;
    max-width: 1012px;
    min-width: 300px;
    margin: 20px auto 0px;
    position: relative;
    border-bottom: 1px solid rgba(193, 201, 214, 0.6);
    /* box-shadow: 0px 4px 16px rgba(193, 201, 214, 0.6); */
    /* border-left: 15px solid var(--secondaire-color-home-hover-2); */
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.containerReponse {
    background-color: white;
    padding: 5px 0px 15px 0px;
    width: 96%;
    max-width: 1012px;
    min-width: 300px;
    margin: 0px auto 0px;
    position: relative;
    box-shadow: 0px 4px 16px rgba(193, 201, 214, 0.35);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

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

.faq h1 {
    font-size: var(--heading-M);
    color: var(--font-color);
    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 .rotate-icon::after {
    content: url("https://static.europ-assistance.fr/PortailBancaire/images/bnpp-flecheHaut.svg");
    width: 15px;
    height: 15px;
    position: relative;
    top: 5px;
}

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

.faqQuestion button.collapsed .rotate-icon::after {
    content: url("https://static.europ-assistance.fr/PortailBancaire/images/bnpp-flecheBas.svg");
    position: relative;
    top: 5px;
}

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

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

.faqQuestion .dividerHr {
    border-bottom: 1px solid #c7c7c7;
}

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

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

.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);
}

.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/bnpp-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;
    background: url("https://static.europ-assistance.fr/PortailBancaire/images/bnpp-search.svg");
    height: 24px;
    width: 24px;
}

.reponseAssistance .panneau {
    padding: 15px 10px;
    border-bottom: 1px solid #c7c7c7;
    background-color: #f5f5f5;
}

.dividerHr:last-child {
    border-bottom: 0px solid #c7c7c7;
}

.motCle {
    background-color: #2ED4D4;
}

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

/* FAQ */
/* CONTACT */
.containerContact {
    align-items: center;
    background-color: var(--white);
    padding: 25px 30px 25px;
    width: 96%;
    max-width: 1012px;
    min-width: 300px;
    margin: 0 auto;
    border-radius: 20px;
    position: relative;
    box-shadow: 0px 4px 16px rgba(193, 201, 214, 0.35);
}

.containerContact h1,
.containerContactForm h1 {
    font-size: var(--heading-L);
    color: var(--font-color);
    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);
    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 */
/* .connexionComtePicto::before {
    content: url("https://static.europ-assistance.fr/PortailBancaire/images/CA-material-person-connexion-LCL.svg");
    margin-right: 10px;
}

.mentionsLegalesPicto::before {
    content: url("https://static.europ-assistance.fr/PortailBancaire/images/CA-picto-mentionsLegales.svg");
    margin-right: 10px;
} */

/* 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 ------------*/
/* RAJOUT 13072021 */
/* RAJOUT 15072021 */
.boxBtnAssure .btnDeleteBeneficiare {
    background-color: white;
    border: 1px solid var(--msgError);
    border-radius: 9999px;
    color: var(--msgError);
    font-size: var(--body-S);
    padding: 3px 8px;
}

.boxBtnAssure .btnDeleteBeneficiare::before {
    content: url("https://static.europ-assistance.fr/PortailBancaire/images/bnpp-poubelle.svg");
    width: 15px;
    height: 15px;
    position: relative;
    top: 3px;
    margin-right: 5px;
}

.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(--bleuMarine);
}

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

footer a:hover {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
}

.footerFixed {
    flex-shrink: 0;
}

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

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

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

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

footer a {
    color: white;
    text-decoration: underline;
    font-size: var(--body-XS);
    transition: color 0.4s ease-in-out;
}

.pipeFooter {
    color: var(--white);
    margin: 0px 20px;
}

.lienFAQ {
    color: white;
    font-weight: 500;
}

.pipeFooterMob {
    color: var(--white);
    margin: 0px 20px;
}

@media screen and (max-width: 768px) {
    footer {
        padding: 10px 0px 25px 0px;
        border-top: 1px solid var(--white);
    }

    .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 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(--bleuMarine);
        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/bnpp-icone-home-menu-mobile.svg");
        display: block;
    }

    .FilArianeFooter .menuFooterAccueil.active::before {
        content: url("https://static.europ-assistance.fr/PortailBancaire/images/bnpp-icone-home-menu-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(--bleuMarine);
    position: relative;
    height: 220px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.obtenirAttestationColor2 {
    background-color: var(--secondaire-color);
}

@media (max-width:500px) {
    .connecteBinTuileUpleft {
        height: 240px;
    }
}

.connecteBinTuileUpleft h2 {
    font-weight: 700;
    font-size: var(--heading-S);
    color: var(--white);
    width: 100%;
    /* text-transform: uppercase; */
}

/* .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(--white);
    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(--bleuMarine);
    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-S);
    color: var(--white);
    width: 100%;
    /* text-transform: uppercase; */
}

/* .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(--white);
    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(--white);
}

.connecteBinTuileDownleft h2 {
    font-weight: 700;
    font-size: var(--heading-S);
    color: var(--font-color);
    width: 100%;
    /* text-transform: uppercase; */
}

.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(--bleuMarine);
    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 {
    background-color: var(--bleuMarine);
    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-S);
    color: var(--white);
    width: 100%;
    /* text-transform: uppercase; */
}

.connecteBinTuileDownRight p {
    font-weight: 500;
    color: var(--white);
    font-size: var(--body-S);
    line-height: var(--lineHeight-S);
}

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

.connecteBinTuileDownRight p span:last-child {
    font-weight: 700;
    color: var(--white);
}

@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 PortailBancaire LOT2 */
.connecteBinTuileLot2 {
    background-color: var(--bleuMarine);
    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-S);
    color: var(--white);
    width: 100%;
    /* text-transform: uppercase; */
}

.connecteBinTuileLot2 p {
    font-weight: 500;
    color: var(--white);
    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: var(--white);
}

@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 PortailBancaire LOT2 */

/* Tuile DMA */
.tuileDMA {
    background-color: var(--bleuMarine);
    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(--white);
    width: 100%;
}

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

.tuileDMA .mt-3 {
    margin-top: auto !important;
}

@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 */


/* 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(--bleuMarine);
    position: relative;
    box-shadow: 0px 4px 16px rgba(193, 201, 214, 0.35);
}

.remboursementTuileUpLeft .titleChapeau {
    color: var(--white);
    font-size: var(--heading-S);
    font-weight: 700;
    line-height: 24px;
}

.remboursementTuileUpLeft .sousChapeau {
    font-size: var(--body-S);
    font-weight: 400;
    color: var(--white);
}

.remboursementTuileUpLeft .sousChapeau strong {
    font-size: var(--body-S);
    font-weight: 700;
    color: var(--white);
}

.remboursementTuileUpLeft .titleListePuce {
    font-size: var(--body-S);
    font-weight: 700;
    color: var(--white);
}

.remboursementTuileUpLeft .listCoche {
    list-style: none;
    margin: 20px 0px 0px 0px !important;
    font-weight: 400;
}


.remboursementTuileUpLeft ul {
    padding-left: 10px !important;
}

.remboursementTuileUpLeft .listCoche {
    list-style: none;
    margin: 20px 0px 0px 0px !important;
    font-weight: 400;
}

.remboursementTuileUpLeft .listCoche li {
    list-style: none;
    color: var(--white);
    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/bnpp-arrow-right.svg);
    position: relative;
    top: 3px;
    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: 400;
}

@media screen and (max-width: 1000px) {
    .remboursementTuileUpLeft .titleChapeau.centerTxt {
        text-align: left;
    }

    .remboursementTuileUpLeft .sousChapeau.centerTxt {
        text-align: left;
    }

    .remboursementTuileUpLeft {
        margin-top: 20px;
    }

    .remboursementTuileUpLeft::before {
        height: 60px;
    }
}

/* haut gauche */
/* haut droit */
.remboursementTuileUpRight {
    background: var(--bleuMarine);
    position: relative;
    box-shadow: 0px 4px 16px rgba(193, 201, 214, 0.35);
}

/* .remboursementTuileUpRight::before {
    content: ' ';
    position: absolute;
    top: 26px;
    left: 0;
    height: 55px;
    width: 8px;
    border-left: 8px solid #FFA702;
} */

.remboursementTuileUpRight .titleChapeau {
    color: var(--white);
    font-size: var(--heading-S);
    font-weight: 700;
    line-height: 24px;
}

.remboursementTuileUpRight .sousChapeau {
    font-size: var(--body-S);
    font-weight: 400;
    color: var(--white);
}

.remboursementTuileUpRight .sousChapeau strong {
    font-size: var(--body-S);
    font-weight: 700;
    color: var(--white);
}

.remboursementTuileUpRight .titleListePuce {
    font-size: var(--body-S);
    font-weight: 700;
    color: var(--white);
}

.remboursementTuileUpRight ul {
    padding-left: 10px !important;
}

.remboursementTuileUpRight .listCoche {
    list-style: none;
    margin: 20px 0px 0px 0px !important;
    font-weight: 400;
}

.remboursementTuileUpRight .listCoche li {
    list-style: none;
    color: var(--white);
    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/bnpp-arrow-right.svg);
    position: relative;
    right: 7px;
    top: 3px;
}

/* 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: 400;
}

@media screen and (max-width: 800px) {
    .remboursementTuileUpRight .titleChapeau.centerTxt {
        text-align: left;
    }

    .remboursementTuileUpRight .sousChapeau.centerTxt {
        text-align: left;
    }

    /* TODO 15/03/2023 */
    /* .remboursementTuileUpRight .titleListePuce {
        margin-top: 25px;
    } */
    /* TODO 15/03/2023 */
}


/* 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: var(--bleuMarine);
    border: 1px solid white;
}

.noticeTuileUpLeft p {
    color: var(--white);
    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: 400;
}

.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);
}

.noticeTuileUpLeft .listCoche li::before {
    content: url(https://static.europ-assistance.fr/PortailBancaire/images/bnpp-arrow-right.svg);
    position: relative;
    right: 10px;
    top: 2px;
}


/* haut Gauche */
/* haut Droite*/
.noticeTuileUpRight {
    background: var(--secondaire-color);
    position: relative;
}

/* .noticeTuileUpRight::before {
    content: ' ';
    position: absolute;
    top: 26px;
    left: 0;
    height: 55px;
    width: 8px;
    border-left: 8px solid #FFA702;
} */
.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: var(--bleuMarine);
    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: 400;
}

.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);
}

.noticeTuileUpRight .listCoche li::before {
    content: url(https://static.europ-assistance.fr/PortailBancaire/images/bnpp-arrow-right.svg);
    position: relative;
    right: 10px;
    top: 2px;
}

@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 */
/* haut droite SPSS  RAJOUT 01102021*/
.noticeTuileUpRightSPSS {
    display: none;
    background-color: var(--tooltipColor);
}

.noticeTuileUpRightSPSS .buttonnoticeTuileUpRightSPSS {
    background-color: #97bf26;
    border-radius: 5px;
    font-size: var(--body-M);
    border: none;
    padding: 5px 5px;
}

.noticeTuileUpRightSPSS .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: 400;
}

.noticeTuileUpRightSPSS p {
    color: var(--white);
    font-weight: 600;
}

.noticeTuileUpRightSPSS .listCoche {
    list-style: none;
    margin: 5px 0px 0px 20px;
    font-weight: 400;
}

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

/* haut Droite SPSS RAJOUT 01102021*/
/* 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 .listCoche li {
    list-style-image: url(https://static.europ-assistance.fr/PortailBancaire/images/bnpp-Icon-awesome-check_LCL.svg);
    color: #4A4A4A;
    font-size: var(--body-S);
    padding: 1px;
}

.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 .listCoche li {
    list-style-image: url(https://static.europ-assistance.fr/PortailBancaire/images/bnpp-Icon-awesome-check_LCL.svg);
    color: #4A4A4A;
    font-size: var(--body-S);
    padding: 1px;
}

.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;
}

.compteNonConnecteUptRight .buttonGreen::after {
    content: url('https://static.europ-assistance.fr/PortailBancaire/images/bnpp-open-in-new.svg');
    width: 12px;
    margin-left: 8px;
}

/*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 var(--bleuMarine);
}

.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;
}

.landConnecteViaCompteMiddleRight .btnPictoAcceder::after {
    content: url(https://static.europ-assistance.fr/PortailBancaire/images/bnpp-open-in-new.svg);
    width: 15px;
    height: 15px;
    margin-left: 8px;
}

@media screen and (max-width: 800px) {
    .landConnecteViaCompteMiddleRight p {
        text-align: left;
    }

    .landConnecteViaCompteMiddleRight .buttonBinUpRight {
        margin-top: 15px;
    }
}

/* milieu droit*/
/* Bas gauche */
.landConnecteViaCompteDownLeft {
    background-color: var(--white);
    position: relative;
}

.landConnecteViaCompteDownLeft h2 {
    font-weight: 700;
    font-size: var(--heading-S);
    color: var(--font-color);
    width: 100%;
}

.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: #1C9786;
    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(--orange);
    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(--tooltipColor);
    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: 400;
}

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

.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: 400;
}

/* 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(--tooltipColor);
    position: relative;
}


.tuileSPSS_SinistreAchat {
    display: none;
    background-color: var(--tooltipColor);
    position: relative;
}

/*RAJOUT 07102021 tuile SPSS */

/*HightLight FAQ*/
mark {
    background: var(--orange);
    color: inherit;
    padding: 0;
    color: var(--white);
}

/*HightLight FAQ*/

/* MENTIONS FAQ*/
.mentionsFAQ {
    font-size: var(--body-XS) !important;
    color: #A7A7A7 !important;
    line-height: 14px;
    margin-top: 15px;
}

/*Clavier Numérique 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;
}

/* Opéra*/
.groupMontantPrejudice input::-o-inner-spin-button,
.groupMontantPrejudice input::-o-outer-spin-button {
    -o-appearance: none;
    margin: 0
}

/*Clavier Numérique 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*/

/* PASSWORD OEIL*/
.boxPassword {
    position: relative;
}

.boxPassword .password-icon {
    display: flex;
    align-items: center;
    position: absolute;
    top: 5px;
    right: 20px;
    transform: translateY(-50%);
    width: 20px;
    color: var(--white);
    transition: all 0.2s;
    z-index: 99;
}

.boxPassword .password-icon .eye::after {
    content: url('https://static.europ-assistance.fr/PortailBancaire/images/CA-eye-open-black.svg');
    position: absolute;
    top: 15px;
    left: 9px;
    height: 20px;
    width: 20px;
}

.boxPassword .password-icon .eye-off::after {
    content: url('https://static.europ-assistance.fr/PortailBancaire/images/CA-eye-slash-black.svg');
    position: absolute;
    top: 15px;
    left: 9px;
    height: 20px;
    width: 20px;
}

.boxPassword .password-icon .eye-conf::after {
    content: url('https://static.europ-assistance.fr/PortailBancaire/images/CA-eye-open-black.svg');
    position: absolute;
    top: 22px;
    left: 6px;
    height: 20px;
    width: 20px;
}

.boxPassword .password-icon .eye-conf-2::after {
    content: url('https://static.europ-assistance.fr/PortailBancaire/images/CA-eye-open-black.svg');
    position: absolute;
    top: 22px;
    left: 6px;
    height: 20px;
    width: 20px;
}

.boxPassword .password-icon .eye-off-conf::after {
    content: url('https://static.europ-assistance.fr/PortailBancaire/images/CA-eye-slash-black.svg');
    position: absolute;
    top: 22px;
    left: 6px;
    height: 20px;
    width: 20px;
}

.boxPassword .password-icon .eye-off-conf-2::after {
    content: url('https://static.europ-assistance.fr/PortailBancaire/images/CA-eye-slash-black.svg');
    position: absolute;
    top: 22px;
    left: 6px;
    height: 20px;
    width: 20px;
}

.boxPassword .password-icon:hover {
    cursor: pointer;
    color: var(--white);
}

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

.boxPassword .password-icon .eye-off-conf {
    display: none;
}

.boxPassword .password-icon .eye-off-conf-2 {
    display: none;
}

/* .groupAdresse.boxPassword .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: 38px;
    top: 26px;
} */

/* .groupAdresse.boxPassword .text-danger {
    position: absolute;
    background-image: url("https://static.europ-assistance.fr/PortailBancaire/images/CA-close_black_24dp.svg");
    background-repeat: no-repeat;
    background-size: 24px;
    width: 24px;
    height: 24px;
    right: 38px;
    top: 26px;
} */

/* PASSWORD */
/* 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(--orange);
    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*/
.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(--font-color);
}

.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: black;
    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);
    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: 999px;
    background-color: var(--orange);
    color: var(--white);
    height: 46px;
    padding: 10px 20px;
    border: none;
    outline: none;
    font-size: var(--body-S);
}

.recapUpload .modal-header .btn-close {
    background: url(https://static.europ-assistance.fr/PortailBancaire/images/bnpp-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;
}

/* Fermeture de la bordure dans la liste de document */
/* .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url(https://static.europ-assistance.fr/PortailBancaire/images/CA-check-white.svg) !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: var(--grisNuance-2);
    margin-top: 5px;
}


/* FORCE VALIDATION MOT DE PASSE page CreateMySpaceClient */

.renseignementAdresse {
    color: var(--progressBar) !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: 999px;
    background-color: var(--orange);
    color: var(--white);
    height: 46px;
    padding: 10px 20px;
    border: none;
    outline: none;
    font-size: var(--body-S);
}

.validButtonSMS:disabled {
    background-color: var(--color-disabled);
    border-radius: 999px;
    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 white inset !important;
    -webkit-box-shadow: 0 0 0 1000px 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 .close::after {
    /* content: url('https://static.europ-assistance.fr/PortailBancaire/images/CA-closeModal-LCL.svg'); */
    position: absolute;
    top: -46px;
    right: -46px;
}

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

    #situationUkraine .close::after {
        /* content: url('https://static.europ-assistance.fr/PortailBancaire/images/CA-closeModal-LCL.svg'); */
        position: absolute;
        top: -50px;
        right: 5px;
    }
}

#situationUkraine .modal-title {
    font-size: var(--heading-S);
    color: var(--font-color);
    font-weight: 700;
}

/* CATS */

#situationUkraine .lienUkraine {
    color: var(--orange);
}


/* 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: 20px;
    box-shadow: 0px 4px 16px rgba(193, 201, 214, 0.35);
}

.containerStepForm-Sinistre h1 {
    color: var(--font-color);
    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.35);
    }

    .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(--grisNuance-6);
}

.containerStepForm-Sinistre .lastColor {
    width: 93%;
    height: 5px;
    background-color: var(--grisNuance-2);
}

.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(--secondaire-color);
    font-weight: 700;
}

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

.sousTitleStep-sinistre {
    margin-top: 5px;
}

/* .containerStepFormShadow p.sousTitleStep-sinistre::after{
    content: "";
    display: block;
    border: 0;
    height: 3px;
    background: #FFA702;
    width: 50px;
    margin-top: 5px;
} */
/* Custom Select */
.form-select {
    height: 50px;
    padding: 0px 0px 0px 16px;
    background-image: url(https://static.europ-assistance.fr/PortailBancaire/images/bnpp-Icon-arrow-down-select.svg);
    border: 1px solid var(--borderInput);
    font-size: 0.85rem;
    color: var(--font-color);
    border-radius: 4px;
}

.form-select:focus {
    border-color: var(--borderInput);
    outline: 0;
    box-shadow: none;
}

/* Custom Select */

/* Nouvelle Icone Info Orange et son Hover */
/* CUSTOM TOOLTIP HOME */

.tooltipInfoColor-1 {
    fill: var(--orange);
}

.tooltipInfoColor-2 {
    fill: var(--orange);
}

.custom-tooltip-home.tooltip>.tooltip-inner {
    background-color: var(--orange) !important;
    font-size: 11px;
    color: var(--white);
    padding: 0.5rem;
    text-align: left;
}

/* CATS */
/* tooltip pour la home */
.toolTipBgdHome {
    fill: var(--orange);
}

.toolCircleHome{
    fill: var(--orange);
}
.toolPointduIHome,
.toolPointBarreDuIHome {
    fill: var(--white);
}

/* tooltip pour la home */
/* tooltip pour sinsitre */
.toolTipBgdSinsitre {
    fill: var(--white);
}

.toolCircleSinistre{
    fill: var(--bleuMarine);
}
.toolPointBarreDuISinistre,
.toolPointduISinistre {
    fill: var(--bleuMarine);
}

/* tooltip pour sinsitre */
/* tooltip pour medical */
.toolTipBgdMedical {
    fill: var(--white);
}

.toolCircleMedical{
    fill: var(--bleuMarine);
}
.toolPointBarreDuIMedical,
.toolPointduIMedical {
    fill: var(--bleuMarine);
}

/* tooltip pour medical */
/* CATS */

.custom-tooltip-home.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-top-color: var(--orange) !important;
}

.custom-tooltip-home.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    border-right-color: var(--orange) !important;
}

.custom-tooltip-home.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    border-left-color: var(--orange) !important;
}

.custom-tooltip-home.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    border-left-color: var(--orange) !important;
}

.custom-tooltip-home.tooltip.show {
    opacity: 1;
}

/* CUSTOM TOOLTIP HOME */
/* CUSTOM TOOLTIP STEP */
.custom-tooltip-step.tooltip>.tooltip-inner {
    background-color: var(--orange) !important;
    font-size: 11px;
    color: var(--white);
    padding: 12px 16px;
    text-align: left;
}

.custom-tooltip-step.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-top-color: var(--orange) !important;
}

.custom-tooltip-step.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    border-right-color: var(--orange) !important;
}

.custom-tooltip-step.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    border-left-color: var(--orange) !important;
}

.custom-tooltip-step.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
    border-bottom-color: var(--orange) !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(--orange) !important;
    font-size: 11px;
    color: var(--white);
    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(--orange) !important;
} */
.custom-tooltip-step-sinistre.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-top-color: var(--orange) !important;
}

.custom-tooltip-step-sinistre.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    border-right-color: var(--orange) !important;
}

.custom-tooltip-step-sinistre.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    border-left-color: var(--orange) !important;
}

.custom-tooltip-step-sinistre.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
    border-bottom-color: var(--orange) !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(--orange) !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(--orange) !important;
}

.custom-tooltip-step-choixGarantie.tooltip.show {
    opacity: 1;
}

.tooltipInfoColor-3 {
    fill: var(--tooltipColor)
}

/* CUSTOM TOOLTIP STEP SINISTRE CHOIX GARANTIE */
/* CUSTOM TOOLTIP STEP SINISTRE CHOIX GARANTIE */
.custom-tooltip-select-choixGarantie.tooltip>.tooltip-inner {
    background-color: var(--orange) !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(--orange) !important;
}

.custom-tooltip-select-choixGarantie.tooltip.show {
    opacity: 1;
}

.tooltipInfoColor-select {
    fill: var(--tooltipColor);
}

/* CUSTOM TOOLTIP STEP SINISTRE CHOIX GARANTIE */
/* Nouvelle Icone Info Orange */

/* Nouvelle => Group Select */
.groupSelect .form-group.pmd-textfield {
    width: 430px;
}

/* .groupSelect .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: 31px;
    top: 12px;
    z-index: 98;
} */

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

.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);
    border-color: var(--msgSuccess);
}

.pmd-textfield.has-error .form-select {
    color: var(--font-color);
    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: 400;
}

/* .groupSelectParente .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: 31px;
    top: 12px;
    z-index: 98;
} */

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

.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: var(--grisNuance-5);
    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(--borderInput);
    border-radius: 4px !important;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.groupArea .text-danger,
.groupArea .text-success {
    display: none;
}

/* .groupArea .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;
} */

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

.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(--borderInput);
    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(--color-label);
    margin-left: 14px;
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    position: relative;
    z-index: 98;
    letter-spacing: -0.04em;
}

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

/* .groupTitulaireCarte .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;
} */

.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(--borderInput);
    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: var(--grisNuance-5);
    margin-left: 14px;
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    position: relative;
    z-index: 98;
    letter-spacing: -0.04em;
}

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

/* .groupMontantPrejudice .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;
} */

.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(--borderInput);
    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: var(--grisNuance-5);
    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 .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;
} */

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

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

@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(--borderInput);
    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(--borderInput);
    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: var(--grisNuance-5);
    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: var(--grisNuance-5);
    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 .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: 33px;
    top: 13px;
    z-index: 98;
}

.groupComboThree .sizeZip .text-success,
.groupComboThree .sizeVille .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;
} */

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

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

/* .groupComboThree .sizeVille .text-danger,
.groupComboThree .sizeZip .text-danger {
    position: absolute;
    background-image: url("https://static.europ-assistance.fr/PortailBancaire/images/CA-close_black_24dp.svg");
    background-repeat: no-repeat;
    background-size: 24px;
    width: 24px;
    height: 24px;
    right: 11px;
    top: 13px;
    z-index: 98;
} */

.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 */
/* .positionTel {
    background-image: url(https://static.europ-assistance.fr/PortailBancaire/images/Icon-material-smartphone.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 11px;
    height: 18px;
    left: 13px;
    top: 22px;
    z-index: 98;
} */

.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(--borderInput);
    border-radius: 4px !important;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.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: var(--grisNuance-5);
    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 .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;
} */

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

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

@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 */
/* .positionTelModal {
    background-image: url(https://static.europ-assistance.fr/PortailBancaire/images/CA-Icon-material-smartphone.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 11px;
    height: 18px;
    left: 13px;
    top: 20px;
    z-index: 98;
} */

/* .positionEmail-recupMdp {
    background-image: url("https://static.europ-assistance.fr/PortailBancaire/images/CA-Icon-material-mail-outline.svg");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 10px;
    top: 22px;
    z-index: 98;
} */

.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(--borderInput);
    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: var(--grisNuance-5);
    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 .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;
} */

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

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

@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 .positionMDP {
    background-image: url(https://static.europ-assistance.fr/PortailBancaire/images/CA-Icon-material-lock-outline-gris.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 13px;
    height: 20px;
    left: 11px;
    top: 20px;
    z-index: 99;
} */

.groupMdpModal .oeilOuvert,
.groupMdpModal .oeilFerme {
    fill: var(--bleuMarine);
}

.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(--borderInput);
    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;
    /* background-color: var(--nav-color); */
    -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: var(--grisNuance-5);
    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 .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: 42px;
    top: 13px;
    z-index: 98;
} */

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

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

@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(--borderInput);
    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;
    /* background-color: var(--nav-color); */
    -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: var(--grisNuance-5);
    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 .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;
} */

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

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

@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(--borderInput);
    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;
    /* background-color: var(--nav-color); */
    -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: var(--grisNuance-5);
    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 .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;
} */

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

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

@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/bnpp-Icon-arrow-down-select.svg);
    background-position: right 15px top 19px;
    border: 1px solid var(--borderInput);
    font-size: 0.85rem;
    color: var(--font-color);
    font-weight: 400;
}

.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: var(--grisNuance-5);
    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 .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;
} */

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

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

@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(--color-label);
    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(--borderInput);
    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 .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;
} */

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

.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 ===== */
/* Firefox
.groupAreaModal textarea {
scrollbar-width: thin;
scrollbar-color: var(--font-color);
}

Chrome, Edge, and Safari
.groupAreaModal textarea::-webkit-scrollbar {
width: 6px;
background-color: transparent;
}

.groupAreaModal textarea::-webkit-scrollbar-track {
margin: 30px 0 10px 0;
border-radius: 10px;
background-color: transparent;
}

.groupAreaModal textarea::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: var(--font-color);
} */
#textareaScroll {
    height: 150px;
    resize: none;
    overflow: hidden;
}

/* Modal Group Textarea */
/* ===== Scrollbar CSS ===== */
/* Modal Group Textarea */
/* Groupe Telephone / Email */
/* Groupe Email HOme */
/* .positionTel {
    background-image: url(https://static.europ-assistance.fr/PortailBancaire/images/Icon-material-smartphone.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 11px;
    height: 18px;
    left: 13px;
    top: 22px;
    z-index: 99;
} */

.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: 400;
    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: 400;
    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 .text-success {
    position: absolute;
    background-image: url("https://static.europ-assistance.fr/PortailBancaire/images/CA-done_white_24dp.svg");
    background-repeat: no-repeat;
    background-size: 24px;
    width: 24px;
    height: 24px;
    right: 11px;
    top: 13px;
    z-index: 98;
}

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

/* .groupEmailHome .positioneEmail {
    background-image: url("https://static.europ-assistance.fr/PortailBancaire/images/CA-Icon-material-mail-outline-white.svg");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 10px;
    top: 22px;
    z-index: 98;
} */

.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 */
/* .positionMDP {
    background-image: url(https://static.europ-assistance.fr/PortailBancaire/images/CA-Icon-material-lock-outline.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 13px;
    height: 20px;
    left: 13px;
    top: 20px;
    z-index: 99;
} */

.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: 400;
    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: 400;
    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 .text-success {
    position: absolute;
    background-image: url("https://static.europ-assistance.fr/PortailBancaire/images/CA-done_white_24dp.svg");
    background-repeat: no-repeat;
    background-size: 24px;
    width: 24px;
    height: 24px;
    right: 35px;
    top: 13px;
    z-index: 999;
} */
/* .groupMdtHome .text-danger {
    position: absolute;
    background-image: url("https://static.europ-assistance.fr/PortailBancaire/images/CA-close_black_24dp.svg");
    background-repeat: no-repeat;
    background-size: 24px;
    width: 24px;
    height: 24px;
    right: 35px;
    top: 13px;
    z-index: 999;
} */

.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(--color-label);
}

.groupEmailModalAuth .pmd-textfield .form-control {
    position: relative;
    width: 100%;
    height: 50px;
    color: var(--font-color) !important;
    /* font-weight: 400; */
    padding: 0px 40px 0px 16px;
    margin-bottom: 0;
    background: transparent;
    border: none;
    border: solid 1px var(--borderInput);
    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(--color-label);
    margin-left: 33px;
    -webkit-transform: translateY(7px);
    transform: translateY(7px);
    position: relative;
    z-index: 98;
}

.groupEmailModalAuth .pmd-textfield-floating-label label {
    font-weight: 400;
    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 .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;
} */

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

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

/* .groupEmailModalAuth .positioneEmail {
    background-image: url("https://static.europ-assistance.fr/PortailBancaire/images/CA-Icon-material-mail-outline.svg");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 10px;
    top: 22px;
    z-index: 98;
} */

.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(--bleuMarine);
}

/* .groupMdtModalAuth .positionMDP {
    background-image: url(https://static.europ-assistance.fr/PortailBancaire/images/CA-Icon-material-lock-outline-gris.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 13px;
    height: 20px;
    left: 11px;
    top: 20px;
    z-index: 99;
} */

.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(--color-label);
}

.groupMdtModalAuth .pmd-textfield .form-control {
    color: var(--font-color);
    /* font-weight: 400; */
    position: relative;
    width: 100%;
    height: 50px;
    padding: 0px 66px 0px 16px;
    margin-bottom: 0;
    background: transparent !important;
    border: none;
    border: solid 1px var(--borderInput);
    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(--color-label);
    margin-left: 33px;
    -webkit-transform: translateY(7px);
    transform: translateY(7px);
    position: relative;
    z-index: 98;
}

.groupMdtModalAuth .pmd-textfield-floating-label label {
    font-weight: 400;
    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 .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: 999;
} */

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

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

.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(--bleuMarine);
    text-decoration: underline;
}

/* Mot de passe oublie Modal Authentification */

/* Nouvelle => Step 5  */
/* Assistance Voyage Btn HeartBeat */
.btnHeart {
    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/bnpp-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 {
    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/bnpp-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 screen and (min-width: 319px) and (max-width: 767px) {
    .blocDemandeAssistance {
        display: block;
    }

    #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 */
/* RECAP SINISTRE */
.titleRecapSinistre {
    color: var(--font-color);
    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(--orange)
}

.reductTxt:hover {
    text-decoration: underline;
    font-weight: 700;
    color: var(--orange)
}

/* 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;
    border-top: var(--orange);
}

.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(--orange);
}

.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(--orange);
}

.choixRecap.choixRecap-active {
    color: var(--orange);
    font-weight: 700;
}

.choixRecap.choixRecap-active:after {
    color: var(--orange);
    background: var(--orange);
}

@media (max-width:550px) {
    .choixRecap {
        display: block;
        height: auto;
        width: 85%;
    }

    /* .arrowSelectionCarte {
        top: 13px;
    } */
}

/* recap sinsitre ONGLET */
/* TODO 21/03/2023 */
/* RECAP SINISTRE */
.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;
    box-shadow: 0px 4px 16px rgba(193, 201, 214, 0.35);
    border: none;
}

.blocDesGarantiesChecked1::before {
    content: url(https://static.europ-assistance.fr/PortailBancaire/images/bnpp-securiPanne.svg);
    position: relative;
    top: 3px;
    margin-right: 5px;
}

.blocDesGarantiesChecked2::before {
    content: url(https://static.europ-assistance.fr/PortailBancaire/images/bnpp-voyageLoisir.svg);
    position: relative;
    top: 3px;
    margin-right: 5px;
}

.blocDesGarantiesChecked1 {
    color: var(--bleuMarine);
    font-size: var(--body-S);
    font-weight: 600;
}

.blocDesGarantiesChecked2 {
    color: var(--bleuMarine);
    font-size: var(--body-S);
    font-weight: 600;
}

.blocDesGarantiesChecked1.active {
    color: var(--white);
    background-color: var(--bleuMarine);
}

.blocDesGarantiesChecked2.active {
    color: var(--white);
    background-color: var(--bleuMarine);
}

.blocDesGarantiesChecked1.active::before {
    content: url(https://static.europ-assistance.fr/PortailBancaire/images/CA-securiPanne-white.svg);
    position: relative;
    top: 3px;
    margin-right: 5px;
}

.blocDesGarantiesChecked2.active::before {
    content: url(https://static.europ-assistance.fr/PortailBancaire/images/CA-voyageLoisir-white.svg);
    position: relative;
    top: 3px;
    margin-right: 5px;
}

@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 {
    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 var(--grisNuance-2);
    padding: 15px;
    width: 500px;
    margin-bottom: 8px;
    border-radius: 10px;
}

.blocChoixPrejudice label {
    width: 410px;
    cursor: pointer;
}

/* 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);
    max-width: 510px;
}

#containerGarantiesNeige h4 span {
    font-weight: 500;
    font-size: var(--body-S);
}
#containerGarantiesNeige .toolTipBgdSinsitre {
    fill: var(--white);
}
#containerGarantiesNeige .toolPointBarreDuISinistre,
#containerGarantiesNeige .toolPointduISinistre {
    fill: var(--bleuMarine);
}
#containerGarantiesNeige .toolCircleSinistre {
    fill: var(--bleuMarine);
}
/* .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(--borderInput);
    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 .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;
} */

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

.groupBien .pmd-textfield-floating-label.pmd-textfield-floating-label-completed label {
    font-size: var(--body-XS);
    color: var(--color-label);
    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/bnpp-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/bnpp-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);
    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: 999px;
    background-color: var(--orange);
    color: var(--white);
    height: 46px;
    padding: 10px 20px;
    border: none;
    outline: none;
    font-size: var(--body-S);
}

.validButtonModal:hover {
    background-color: var(--orange);
}

.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(--bleuMarine);
    text-decoration: underline;
    border: none;
    background-color: transparent;
}

.lienSouligneModal {
    font-size: var(--body-S);
    color: var(--bleuMarine);
    text-decoration: underline;
    border: none;
    background-color: transparent;
}

.lienSouligneModal::before {
    content: url(https://static.europ-assistance.fr/PortailBancaire/images/bnpp-arrow-left.svg);
    margin-right: 5px;
    position: relative;
    top: 2px;
}

.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: 2px dashed var(--borderDashedFichier);
    background-color: transparent;
    /* 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;
    pointer-events: none;
}

#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(--bleuMarine);
    text-decoration: underline;
    cursor: pointer;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    z-index: 1;
}

#section1 label:hover {
    color: var(--bleuMarine);
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

#section1 span {
    display: flex;
    align-items: center;
    font-size: var(--body-XS);
    color: var(--bandeau-txt-badge);
    text-decoration: underline;
    cursor: pointer;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    z-index: 1;
}

#section1 span:hover {
    color: var(--bleuMarine);
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

@media screen and (max-width: 750px) {
    #section1 {
        height: auto;
        width: 100%;
        padding: 10px 5px;
        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 var(--grisNuance-5);
}

#devise .dropdown-menu .show {
    background-color: var(--grisNuance-1);
}

#devise .dropdown-item.active,
.dropdown-item:active {
    color: var(--white);
    text-decoration: none;
    background-color: var(--tooltipColor);
}

#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("../images/eur.webp");
    width: 15px !important;
}

#devise .dollars {
    content: url("../images/usd.webp");
    width: 15px !important;
}

#devise .yuan {
    content: url("../images/cny.webp");
    width: 15px !important;
}

#devise .livreSterling {
    content: url("../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: var(--bleuMarine);
    background-color: var(--white);
    background-clip: padding-box;
    border: 1px solid var(--borderInput);
    -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(--orange);
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.jpa .has-Value {
    border: 2px solid var(--orange);
}

.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: var(--grisNuance-7);
    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;
    font-weight: 500;
    color: #212529;
    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(--orange);
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.smsChamps .has-Value {
    border: 2px solid var(--orange);
}

@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/bnpp-icone-home-ca.svg);
    margin-right: 5px;
}

/* TODO 15/03/2023 */

.btnModalMessage {
    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(--tooltipColor);
    margin-right: 10px;
}

.reponseMessage {
    text-align: left;
    color: var(--grisNuance-7);
    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(--secondaire-color);
    z-index: 2;
}

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

.arrowMessageModalPortail.active {
    transform: rotate(0deg);
}

.arrowMessageModalPortail {
    fill: var(--grisNuance-2);
    transform: rotate(180deg);
    position: absolute;
    right: 105px;
    z-index: 1;
}

.arrowMessageModalPortail .arrowColor {
    fill: var(--orange);
}

@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;
    margin: 30px auto 20px;
    background-color: var(--white);
    overflow: hidden;
    border-radius: 15px;
}

/* CATS */
.container-recup-title {
    text-align: center;
    background-color: var(--white);
    padding: 20px 0px;
}

.container-recup-title h5 {
    margin: 0;
    color: var(--font-color);
    font-size: var(--heading-M)
}

/* CATS */
.container-recup-body {
    padding: 20px;
}

@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: var(--pink30);
}

.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(--bleuMarine);
}

.container-404-title::before {
    content: url(https://static.europ-assistance.fr/PortailBancaire/images/bnpp-WarningBleu.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/bnpp-WarningBleu.svg);
    position: relative;
    top: 0px;
    margin-right: 10px;
}

.hpGauche .alert-danger {
    background-color: var(--grisNuance-1);
    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/bnpp-WarningBleu.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(--borderInput);
    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(--borderInput);
    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: var(--grisNuance-5);
    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: var(--grisNuance-5);
    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 .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: 33px;
    top: 19px;
    z-index: 98;
} */

/* .groupComboTwo .sizeZip .text-success,
.groupComboTwo .sizeVille .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;
} */

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

/* .groupComboTwo .text-danger {
    position: absolute;
    background-image: url("https://static.europ-assistance.fr/PortailBancaire/images/CA-close_black_24dp.svg");
    background-repeat: no-repeat;
    background-size: 24px;
    width: 24px;
    height: 24px;
    right: 33px;
    top: 19px;
    z-index: 98;
} */

/* .groupComboTwo .sizeVille .text-danger,
.groupComboTwo .sizeZip .text-danger {
    position: absolute;
    background-image: url("https://static.europ-assistance.fr/PortailBancaire/images/CA-close_black_24dp.svg");
    background-repeat: no-repeat;
    background-size: 24px;
    width: 24px;
    height: 24px;
    right: 11px;
    top: 13px;
    z-index: 98;
} */

.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: 400; */
    padding: 0px 40px 0px 16px;
    margin-bottom: 0;
    background: transparent;
    border: none;
    border: solid 1px var(--borderInput);
    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(--color-label);
    margin-left: 33px;
    -webkit-transform: translateY(7px);
    transform: translateY(7px);
    position: relative;
    z-index: 98;
}

.groupPaysModal .pmd-textfield-floating-label label {
    font-weight: 400;
    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 .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;
} */

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

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

.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(--borderInput);
    border-radius: 4px !important;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.groupModalNewDemande label {
    color: var(--color-label);
    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(--color-label);
}

.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/bnpp-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(--borderInput);
    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(--color-label);
    -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 .text-danger {
    position: absolute;
    background-image: url("https://static.europ-assistance.fr/PortailBancaire/images/CA-close_black_24dp.svg");
    background-repeat: no-repeat;
    background-size: 24px;
    width: 24px;
    height: 24px;
    right: 12px;
    top: 14px;
    z-index: 98;
} */

/* .groupModalDateNewDemande .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: 13px;
    top: 14px;
    z-index: 98;
} */

.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(--borderInput);
    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(--color-label);
    -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 .text-danger {
    position: absolute;
    background-image: url("https://static.europ-assistance.fr/PortailBancaire/images/CA-close_black_24dp.svg");
    background-repeat: no-repeat;
    background-size: 24px;
    width: 24px;
    height: 24px;
    right: 34px;
    top: 13px;
    z-index: 98;
} */

/* .groupModalPaysNewDemande .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: 34px;
    top: 13px;
    z-index: 98;
} */

.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 général 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(--borderInput);
    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(--color-label);
    -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 .text-danger {
    position: absolute;
    background-image: url("https://static.europ-assistance.fr/PortailBancaire/images/CA-close_black_24dp.svg");
    background-repeat: no-repeat;
    background-size: 24px;
    width: 24px;
    height: 24px;
    right: 12px;
    top: 14px;
    z-index: 98;
} */

/* .groupModalInputGeneral .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: 14px;
    top: 14px;
    z-index: 98;
} */

.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 général 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 */
.remboursementTuileUpLeft .blocInformationWarning {
    background-color: var(--pink);
    padding: 15px 20px;
    font-size: var(--body-XS);
    line-height: var(--lineHeight-XS);
}
.blocInformationWarning {
    background-color: var(--pink30);
    padding: 15px 20px;
    font-size: var(--body-XS);
    line-height: var(--lineHeight-XS);
}
.blocInformationWarning a{
    color: var(--bleuMarine);
}
.blocInformationWarning .warningOrange {
    font-weight: 700;
}

.blocInformationWarning .warningOrange:before {
    content: url(https://static.europ-assistance.fr/PortailBancaire/images/bnpp-WarningBleu.svg);
    position: relative;
    top: 5px;
    margin-right: 10px;
}
.blocInformationWarning .warningRouge:before {
    content: url(https://static.europ-assistance.fr/PortailBancaire/images/bnpp-WarningBleu.svg);
    position: relative;
    top: 5px;
    margin-right: 10px;
}
.sousBlocInformationWarning {
    margin-left: 30px;
}

.sousBlocInformationWarning ul {
    margin-left: 5px;
    font-size: var(--body-XS);
}

.blocInformationRecap {
    background-color: var(--pink30);
    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/bnpp-WarningBleu.svg);
    position: relative;
    top: 5px;
    margin-right: 15px;
}

.sousBlocInformationRecap p {
    margin-left: 37px;
    font-size: var(--body-S);
}

.blocInformationRecapMulti {
    background-color: var(--pink30);
    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/bnpp-WarningBleu.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(--borderInput);
    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(--color-label);
    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(--color-label);
}

.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/bnpp-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 var(--borderDashedFichier);
    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 var(--grisNuance-6);
    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: 20px;
    cursor: pointer;
    background-color: var(--grisNuance-1);
}

.recapDropPJtelecharges-active {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}

.recapDropPJtelecharges.active {
    background-color: var(--white);
    border-radius: 20px;
    box-shadow: 0px 2px 12px rgba(193, 201, 214, 0.3);
}

/* .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/bnpp-flecheHaut-2.svg);
    width: 15px;
    height: 15px;
    margin-left: 10px;
    position: relative;
    top: 2px;
    /* Ajustez la position verticale si nécessaire */
    transition: transform 0.3s ease;
    /* Transition pour une animation fluide */
}

#recapPJtelecharges .rotate180::after {
    content: url(https://static.europ-assistance.fr/PortailBancaire/images/bnpp-flecheBas-2.svg);
    transform: rotate(180deg);
    /* Rotation de 180 degrés */
    position: relative;
    top: 2px;
    /* Ajustez la position verticale si nécessaire */
}

/* Recap historique documents transis */

/* Bandeau Validation des piéces bien envoyées */
.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(--pink);
    max-width: 1012px;
    min-width: 300px;
    width: 100%;
    border-radius: 15px;
    color: var(--bleuMarine);
    padding: 15px;
}

@media (max-width:1200px) {
    .alert-docBienEnvoye {
        width: 96%;
    }
}

/* 20/06/2023 Document a bien ete chargé TOASTER */

.groupInfo-docBienEnvoye {
    display: flex;
    align-items: center;
}

.alert-docBienEnvoye::before {
    content: url(https://static.europ-assistance.fr/PortailBancaire/images/bnpp-WarningBleu.svg);
    position: relative;
    top: 2px;
}

.alert-docBienEnvoye::after {
    content: url(https://static.europ-assistance.fr/PortailBancaire/images/bnpp-btnCLose.svg);
    margin-left: auto;
    position: relative;
    top: 4px;
    cursor: pointer;
}

.groupInfo-docBienEnvoye p {
    margin: 0;
    color: var(--bleuMarine) !important;
    font-size: var(--body-S);
    font-weight: 700;
    margin-left: 15px;
}

/* Bandeau Validation des piéces bien envoyées */

/* Modal "Êtes-vous sûr de vouloir quitter cette page ? "*/
#doc-perdus .modal-header {
    border-bottom: 0px;
}

.pass-icone-warning {
    background: url(https://static.europ-assistance.fr/PortailBancaire/images/bnpp-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(--secondaire-color);
    color: var(--white);
    height: 46px;
    padding: 10px 20px;
    border: none;
    outline: none;
    font-size: var(--body-S);
}

/* Modal "Êtes-vous sûr de vouloir quitter cette page ? "*/

.kiloOcte {
    font-size: var(--body-S);
    color: var(--secondaire-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 #5B7785;
    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(--orange);
}

/* -- CATS Nouveau Radio -- */
/* -- CATS Nouveau Checkbox -- */
input[type="checkbox"].checkboxCustomCATS {
    position: relative;
    width: 16px;
    height: 16px;
    top: 2px;
    border: 1px solid var(--bleuMarine);
    border-radius: 4px;
    appearance: none;
    outline: 0;
    cursor: pointer;
    margin-right: 5px;
}

input[type="checkbox"].checkboxCustomCATS::before {
    position: absolute;
    content: '';
    display: block;
    top: 0.1rem;
    left: 0.31rem;
    width: 5px;
    height: 9px;
    border-style: solid;
    border-color: var(--white);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    opacity: 0;
}

input[type="checkbox"].checkboxCustomCATS:checked {
    color: var(--white);
    border-color: var(--orange);
    background: var(--orange);
}

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/bnpp-WarningBleu.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: 1px solid var(--bleuMarine);
    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(--bleuMarine);
    font-size: var(--body-S);
}

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(--bleuMarine);
    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(--bleuMarine);
    font-size: var(--body-S);
}

input[type="radio"].toggle+label:hover {
    background: none;
    color: var(--bleuMarine);
}

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: 12px;
    border-bottom-left-radius: 12px;
}

input[type="radio"].toggle.toggle-left+label:after {
    /* left: 50px;  largeur du bouton */
}

input[type="radio"].toggle.toggle-center+label {
    border-right: 0;
}

input[type="radio"].toggle.toggle-center+label:after {
    /* left: 50px; largeur du bouton */
}

input[type="radio"].toggle.toggle-right+label {
    margin-left: 0px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

input[type="radio"].toggle.toggle-right+label:after {
    /*left: -60px;  largeur du bouton */
}

input[type="radio"].toggle:checked+label {
    cursor: default;
    color: var(--white);
    transition: color 200ms;
    background: var(--bleuMarine);
}

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 */

/* ROLE ALERTE ERREUR DOC */

/* ROLE ALERTE ERREUR DOC */

/* CATS */

/* MULTIRISQUE */
.container-choixGarantie {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--grisNuance-2);
    padding: 15px;
    max-width: 500px;
    width: 100%;
    margin-bottom: 8px;
    font-size: 14px;
    border-radius: 10px;
}

.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(--grisNuance-1);
}

.timeline-container-active {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}

/* Styles par défaut 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 été visitée */
.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 été visité */
}

.timeline-lien {
    display: block;
    color: var(--orange);
    font-size: var(--body-XS);
}

.timeline-lien::before {
    content: url(https://static.europ-assistance.fr/PortailBancaire/images/bnpp-paperclip.svg);
    height: 32px;
    position: relative;
    top: 6px;
    margin-right: 10px;
}

.timeline-lien:hover {
    display: block;
    color: var(--orange);
    font-size: var(--body-XS);
}

.timeline-container-click.active {
    background-color: var(--white);
    border-radius: 20px;
    box-shadow: 0px 2px 12px rgba(193, 201, 214, 0.3);
}

.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/bnpp-flecheHaut-2.svg);
    width: 15px;
    height: 15px;
    margin-left: 10px;
    position: relative;
    top: 2px;
    /* Ajustez la position verticale si nécessaire */
    transition: transform 0.3s ease;
    /* Transition pour une animation fluide */
}

#timeline .rotate180::after {
    content: url(https://static.europ-assistance.fr/PortailBancaire/images/bnpp-flecheBas-2.svg);
    transform: rotate(180deg);
    /* Rotation de 180 degrés */
    position: relative;
    top: 2px;
    /* Ajustez la position verticale si nécessaire */
}

.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 égale entre les éléments */
    margin-bottom: 10px;
    /* Espace entre chaque étape */
}

.circle {
    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(--font-color);
    border: 1px solid var(--grisNuance-2);
}

.circle.color.active {
    color: var(--white);
    background-color: var(--orange);
    border: 1px solid var(--orange);
}

.stepperTxt {
    color: var(--font-color);
    font-size: var(--body-S);
}

.stepperTxt.active {
    color: var(--bleuMarine);
    font-size: var(--body-S);
}


.separator {
    height: 1px;
    width: 15px;
    background-color: var(--grisNuance-5);
    margin: 0 10px;
    /* Espace entre le séparateur et le cercle */
}

@media screen and (min-width: 330px) and (max-width: 374px) {
    .step {
        justify-content: flex-start;
        /* Pour une distance égale entre les éléments */
        margin-bottom: 10px;
        /* Espace entre chaque étape */
    }

    .stepperTxt:not(.active) {
        display: none;
        /* Masque le séparateur en mode responsive */
    }

    .separator {
        width: 16px;
        margin: 0px;
        /* Espace entre le séparateur 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 égale entre les éléments */
        margin-bottom: 10px;
        /* Espace entre chaque étape */
    }

    .stepperTxt:not(.active) {
        display: none;
        /* Masque le séparateur en mode responsive */
    }

    .separator {
        width: 22px;
        margin: 0px;
        /* Espace entre le séparateur 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 égale entre les éléments */
        margin-bottom: 10px;
        /* Espace entre chaque étape */
    }

    .stepperTxt:not(.active) {
        display: none;
        /* Masque le séparateur en mode responsive */
    }

    .separator {
        width: 55px;
        margin: 0px;
        /* Espace entre le séparateur 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, #FF3026 80%, transparent 50%) top/7px 7px no-repeat, conic-gradient(#0000 30%, #FF3026 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(--bordeaux);
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btnDeconnexion::before {
    content: url(https://static.europ-assistance.fr/PortailBancaire/images/CA-Icon-feather-log-out-white.svg);
    position: relative;
    top: 2px;
}

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

/* RAJOUT BOUTON DECONNEXION NAVBAR */














/* 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(--borderInput);
    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(--borderInput);
    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(--borderInput);
    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(--borderInput);
    border-radius: 4px !important;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 500;
}

.group-DMA-single-paysFMX .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(--borderInput);
    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(--borderInput);
    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(--borderInput);
    border-radius: 4px !important;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media screen and (min-width: 319px) and (max-width: 600px) {
    .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);
}

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

.recapMentions a {
    font-size: var(--body-XS);
    color: var(--rouge-arkea);
}

/* DMA */

/* FMX */
.containerStepMentionsFMX {
    background-color: transparent;
    padding: 20px;
    width: 90%;
    max-width: 600px;
    min-width: 320px;
    margin: 0 auto 20px;
}
.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(--borderInput);
    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);
}

.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(--borderInput);
    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(--borderInput);
    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(--borderInput);
    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/bnpp-Icon-arrow-down-select.svg);
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 10px;
    border: 1px solid var(--borderInput);
    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(--orange);
    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);
    font-size: var(--heading-M);
}

/* modal preambule */
/* Zone boutton signature */
.fmx-signature {
    position: relative;
    border: 2px dashed var(--borderDashedFichier);
    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 *


/*Phone list*/
#dropdown-area {
    margin-top: 1px;
    position: absolute;
    z-index: 1000;
    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: var(--bleuMarine);
    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 var(--white) !important;
}

/*Phone list*/
/* 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(--borderInput);
    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(--bleuMarine);
    /* 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(--white);
    width: 100%;
    text-align: center;
}

.tuileWebRTC p {
    width: 100%;
    font-weight: 500;
    color: var(--white);
    font-size: var(--body-S);
    text-align: center;
}

.tuileWebRTC .btn-default-tertiaire {
    background: var(--orange);
    color: var(--white);
    font-size: var(--body-S);
    font-weight: 600;
    padding: 12px 18px;
    border-radius: 999px;
    outline: none;
    border: none;
    margin: 20px auto 0;
}

@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 {
    background: var(--white);
    border: 1px solid var(--bleuMarine);
    color: var(--bleuMarine);
    font-size: var(--body-S);
    font-weight: 600;
    padding: 14px 22px;
    border-radius: 999px;
    outline: none;
}

.btn-comprendre-garantie:hover {
    background: var(--bleuMarine);
    border: 1px solid var(--bleuMarine);
    color: var(--white);
    font-size: var(--body-S);
    font-weight: 600;
    padding: 14px 22px;
    border-radius: 999px;
    outline: none;
}

#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: var(--white);
    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/bnpp-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;
    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);
}

.menu-item_CMesG {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
    cursor: pointer;
}

.menu-item_CMesG.active {
    background: var(--grisNuance-2);
    border-radius: 10px;
}

.menu-item_CMesG span:nth-child(1) {
    color: var(--bl);
    font-size: var(--body-M);
}

.chevron_CMesG svg {
    display: block;
}
.chevron_CMesG svg path{
    stroke: var(--orange) !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(--bl);
    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(--bleuMarine);
}

.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(--bleuMarine);
}

button.button_CMesG {
    display: block;
    margin: 0 auto 20px;
    background-color: transparent;
    border-radius: 999px;
    border: 1px solid var(--orange);
    padding: 10px 15px;
    color: var(--orange);
    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);
    }

    .sticky-item_CMesG {
        position: static;
    }

    .sticky-head_CMesG2 {
        position: static;
    }

    .box-shadow_CMesG {
        z-index: 0;
    }
}

.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 {
    position: relative;
    color: var(--white);
    font-size: var(--body-S);
    border: 1px solid var(--bleuMarine);
    border-radius: 5px;
    padding: 15px;
    margin: 10px 0px 20px 0px;
    background-color: var(--bleuMarine);
}
.avantage-box_CMesG::before {
    content: "";
    position: absolute;
    left: 0;
    top: -55px;
    width: 35px;
    height: 35px;
    background-image: url('https://static.europ-assistance.fr/PortailBancaire/images/bnpp-pouce.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.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;
}

ul.info-list,
ul.info-list2 {
    list-style: none;
    padding-left: 0;
}

ul.info-list li,
ul.info-list2 li {
    position: relative;
    padding-left: 36px;
    margin-bottom: 12px;
}

ul.info-list li:first-child::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    background-image: url('https://static.europ-assistance.fr/PortailBancaire/images/bnpp-information-compMesGaranties.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


/* COMPRENDRE MES GARANTIES */

/* MODAL */

.modal-button_align {
    margin-left: 60px;
}

/* MODAL */

/* AJOUT MFA */
.containerConsentement-mfa {
    background-color: var(--white);
    padding: 20px 30px 20px 30px;
    width: 96%;
    margin-top: 20px;
    max-width: 1012px;
    min-width: 300px;
    margin: 50px auto 0px;
    position: relative;
    border-radius: 10px;
    box-shadow: 0px 4px 16px rgba(193, 201, 214, 0.35);
}

.containerConsentement-mfa p {
    font-weight: 400;
}

.containerConsentement-mfa h2 {
    text-align: left;
}

.containerConsentement-mfa .position-mfa {
    text-align: left;
}

/* AJOUT MFA */

/* 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(--orange);
    font-size: var(--body-XS);
    font-weight: 600;
    padding: 8px 13px;
    border-radius: 999px;
    outline: none;
    border: 1px solid var(--orange);
    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(--bleuMarine);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    z-index: 1;
}
.bg-newWidget {
    background-color: var(--white);
    opacity: 1;
    padding: 7px 4px;
}
.newWidget p {
    color: var(--white);
    font-weight: 700;
    font-size: 10px;
    text-align: center;
    line-height: 1.4;
}
.newWidget .bg-newWidget p {
    color: var(--bleuMarine);
    font-weight: 700;
    font-size: 10px;
    text-align: center;
    line-height: 1.4;
}
.bg-newWidget-radiusTop{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.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(--bleuMarine);
    /* 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(--white);
        width: 100%;
    }

    .tuile-widget-demande-assistance p {
        font-weight: 500;
        color: var(--white);
        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(--white);
        font-size: var(--body-XS);
        line-height: var(--lineHeight-S);
        text-decoration: none;
    }

    .tuile-widget-demande-assistance .widget-divider {
        height: 1px;
        background-color: var(--white);
        width: 50%;
        margin: 15px auto;
    }

    .tuile-widget-demande-assistance .btn-widget {
        background: var(--orange);
        color: var(--white);
        font-size: var(--body-S);
        font-weight: 600;
        padding: 12px 22px;
        border-radius: 999px;
        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;
}
.tuileNewWidget p:first-child{
    font-size: var(--heading-S);
}
.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 */

/* EASY */
.easy-title {
    display: flex;
    align-items: center;
}

.easy-title p {
    margin-left: 10px;
    font-size: var(--heading-M);
}

@media screen and (min-width: 319px) and (max-width: 570px) {
    .easy-title {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .easy-title p {
        margin-left: 0px;
        font-size: var(--heading-S);
    }
}

/* STEPPER EASY */
.stepper-easy {
    display: flex;
    width: 96%;
    max-width: 1012px;
    min-width: 300px;
    margin-top: 15px;
}

.step-easy {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* Pour une distance egale entre les elements */
    margin-bottom: 10px;
    /* Espace entre chaque etape */
}

.circle-easy {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

.circle-easy p {
    margin: 0;
    /* Supprime la marge autour du texte */
    font-size: var(--body-S);
    /* Taille de police pour le texte dans le cercle */
}

.circle-easy.color {
    color: var(--font-color);
    border: 1px solid var(--grisNuance-2);
}

.circle-easy.color.active {
    color: var(--white);
    background-color: var(--orange);
    border: 1px solid var(--orange);
}

.stepperTxt-easy {
    color: var(--font-color);
    font-size: var(--body-XS);
    line-height: var(--body-S);
    width: 130px;
}

.stepperTxt-easy.active {
    color: var(--bleuMarine);
    font-size: var(--body-XS);
}

.easy-one {
    width: 100px;
}

.easy-two {
    width: 126px;
}

.easy-three {
    width: 148px;
}

.easy-four {
    width: 120px;
}

.separator-easy {
    height: 1px;
    width: 60px;
    background-color: var(--grisNuance-5);
    margin: 0 10px;
    /* Espace entre le separateur et le cercle */
}

@media screen and (min-width: 330px) and (max-width: 374px) {
    .step-easy {
        justify-content: flex-start;
        /* Pour une distance egale entre les elements */
        margin-bottom: 10px;
        /* Espace entre chaque etape */
    }

    .stepperTxt-easy:not(.active) {
        display: none;
        /* Masque le separateur en mode responsive */
    }

    .separator-easy {
        width: 22px;
        margin: 0px;
        /* Espace entre le separateur et le cercle */
    }

    .circle-easy {
        margin-right: 0px;
    }

    .circle-easy.color.active {
        margin-right: 5px;
    }

    .greenTxt {
        margin: 0px 10px 0px 10px;
    }

    .stepperTxt-easy {
        width: 130px;
    }

    .stepperTxt-easy.active {
        margin-right: 7px;
    }

    .easy-one.active {
        width: 100px;
    }

    .easy-two.active {
        width: 100px;
    }

    .easy-three.active {
        width: 102px;
    }

    .easy-four.active {
        width: 100px;
    }
}

@media screen and (min-width: 375px) and (max-width: 500px) {
    .step-easy {
        justify-content: flex-start;
        /* Pour une distance egale entre les elements */
        margin-bottom: 10px;
        /* Espace entre chaque etape */
    }

    .stepperTxt-easy:not(.active) {
        display: none;
        /* Masque le separateur en mode responsive */
    }

    .separator-easy {
        width: 26px;
        margin: 0px;
        /* Espace entre le separateur et le cercle */
    }

    .circle-easy {
        margin-right: 0px;
    }

    .circle-easy.color.active {
        margin-right: 6px;
    }

    .greenTxt {
        margin: 0px 10px 0px 10px;
    }

    .easy-one.active {
        width: 100px;
    }

    .easy-two.active {
        width: 126px;
    }

    .easy-three.active {
        width: 110px;
    }

    .easy-four.active {
        width: 100px;
    }

    .stepperTxt-easy.active {
        margin-right: 7px;
    }
}

@media screen and (min-width: 501px) and (max-width: 850px) {
    .step-easy {
        justify-content: flex-start;
        /* Pour une distance egale entre les elements */
        margin-bottom: 10px;
        /* Espace entre chaque etape */

    }

    .stepperTxt-easy:not(.active) {
        display: none;
        /* Masque le separateur en mode responsive */
    }

    .separator-easy {
        width: 70px;
        margin: 0px;
        /* Espace entre le separateur et le cercle */
    }

    .circle-easy {
        margin-right: 0px;
    }

    .circle-easy.color.active {
        margin-right: 6px;
    }

    .greenTxt {
        margin: 0px 10px 0px 10px;
    }

    .easy-three.active {
        width: 144px;
    }

    .stepperTxt-easy.active {
        margin-right: 15px;
    }
}

@media screen and (min-width: 851px) and (max-width: 948px) {
    .step-easy {
        justify-content: flex-start;
        /* Pour une distance egale entre les elements */
        margin-bottom: 10px;
        /* Espace entre chaque etape */
    }

    /* .stepperTxt-easy:not(.active) {
        display: none;
    } */

    .separator-easy {
        width: 70px;
        margin: 0px;
        /* Espace entre le separateur et le cercle */
    }

    .circle-easy {
        margin-right: 0px;
    }

    .circle-easy.color.active,
    .circle-easy.color {
        margin-right: 6px;
    }

    .greenTxt {
        margin: 0px 10px 0px 10px;
    }

    .stepperTxt-easy {
        width: 102px;
    }

    .easy-one.active {
        width: 100px;
    }

    .easy-two.active {
        width: 126px;
    }

    .easy-three.active {
        width: 150px;
    }

    .easy-four.active {
        width: 90px;
    }
}

/* STEPPER EASY */
.cadreForceMDP.easyStepMDP {
    width: 56%;
}

.groupMdpModal.easyStep .form-group.pmd-textfield {
    width: 56%;
}

@media (max-width: 768px) {
    .cadreForceMDP.easyStepMDP {
        width: 100%;
    }

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

.autrePays a {
    color: var(--orange);
    text-decoration: underline;
}

.pictoEasyStepInfo {
    display: flex;
    align-items: center;
}

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

.easyInfoImportant a {
    display: block;
    font-size: var(--body-S);
    color: var(--bleuMarine);
    text-decoration: underline;
    margin-top: 0.5rem;
}

/* EASY */
/* ACCESSIBILTE */
.containerAccessibilite {
    background-color: var(--white);
    padding: 15px 20px 15px 0px;
    width: 96%;
    max-width: 1012px;
    min-width: 300px;
    margin: 20px auto 20px;
    position: relative;
    box-shadow: 0px 4px 16px rgba(193, 201, 214, 0.45);
    border-radius: 20px;
}
#Accessibilite a{
    color: var(--primaire-color);
}
.decla_Accessibilite .card-body {
    padding: 15px 15px;
    font-size: var(--body-M);
    font-weight: 700;
    text-align: center;
}
.decla_Accessibilite a{
    color: var(--primaire-color);
}
.decla_Accessibilite .ps3_pe3, #Accessibilite .ps3_pe3{
    padding: 0px 16px;
}
/* ACCESSIBILTE */

/* SCALA */
#scala_dispatch_dossier .btnAccesDossier .validButtonModal:nth-child(1) {
    margin-right: 30px;
}

@media (max-width: 515px) {
    #scala_dispatch_dossier .btnAccesDossier .validButtonModal:nth-child(1) {
        margin-right: 0px;
        margin-bottom: 10px;
    }
}
.nextStepOutline {
    border-radius: 999px;
    background-color: var(--font-color-white);
    color: var(--orange);
    height: 46px;
    padding: 10px 20px;
    border: 1px solid var(--orange);
    outline: none;
    font-size: var(--body-S);
}
.blocInformationScala {
    background-color: var(--pink30);
    padding: 15px 20px;
    width: 100%;
}
.blocInformationScala .warningBlue:before {
    content: url(https://static.europ-assistance.fr/PortailBancaire/images/bnpp-WarningBleu.svg);
    position: relative;
    top: 5px;
    margin-right: 15px;
}
.actions {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    gap: 30px;
    margin-bottom: 30px;
    margin-top: 20px;
    padding-bottom: 18px;
}
.actions::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    max-width: 952px;
    height: 4px;
    background: var(--grisNuance-3);
    border-radius: 999px;
}

.s_section {
    display: none;
}

.s_section.active {
    display: block;
}

.switch-btn {
    width: 100%;
    background: var(--white);
    color: var(--font-color);
    font-size: var(--body-S);
    font-weight: 600;
    padding: 14px 22px;
    border-radius: 5px;
    outline: none;
    border: 1px solid var(--bleuMarine);
    transition: background 0.25s ease, color 0.25s ease;
}

.switch-btn.active {
    background: var(--bleuMarine);
    color: var(--white);
    position: relative;
    z-index: 2;
}

.active-line {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 4px;
    background: var(--bleuMarine);
    border-radius: 999px;
    z-index: 3;
}

.active-line.animate {
    transition:transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
    width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

/* SCALA */

/* Input search dans FAQ et ACCESSIBILITE => remplacement de la loupe par un croix pour Reset le champs*/
.containerFAQSearch input[type="search"]::-webkit-search-cancel-button { 
    appearance: none;
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    cursor: pointer; 
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 4L12 12M12 4L4 12' stroke='%23FF3026' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    background-size: 16px 16px; 
    background-repeat: no-repeat; 
    background-position: center; 
}
/* Input search dans FAQ et ACCESSIBILITE => remplacement de la loupe par un croix pour Reset le champs*/

.blocModesPaiementPartenaire {
    color: var(--primaire-color);
    font-size: var(--body-S);
    font-weight: 600;
}

.blocModesPaiementPartenaire.active {
    color: var(--white);
    transition: color 200ms;
    background: var(--bleuMarine);
}


/* Bandeau d'erreur upload documents (surcharge couleur de .alert-docBienEnvoye) */
.alert-docErreur {
    background-color: var(--msgError);
}

/* ===== AMEX : visuel d'accueil conserve (ne pas modifier) ===== */
.hpGauche {
	width: 580px;
	height: 400px;
	padding: 0;
	background: url(https://static.europ-assistance.fr/PortailBancaire/images/Bloom-visuel-home.jpg) no-repeat;
	background-position: 25% 64%;
	background-size: 100%;
	border-radius: 10px;
	margin-right: 10px;
	margin-bottom: 0;
	box-shadow: 0px 0px 6px rgba(35, 35, 35, 0.06);
	overflow: hidden;
}

@media screen and (max-width: 889px) {
	.hpGauche {
		display: none;
	}
}

.hpGauche h1,
.hpGauche h3,
.hpGauche p,
.hpGauche ul,
.hpGauche .connection-form {
	display: none;
}
/* ===== /AMEX ===== */