.cardContact .card:not(.cardOverlayUploadFiles, .cardSectionAppeler) {
    margin-left: 25%;
    margin-right: 25%;
}

.cardContact .card-body {
    padding-left: 0rem;
    padding-right: 0rem;
}

.divLigne {
    padding-left: 20%;
    padding-right: 20%;
    padding-top: 1rem;
}

.labelexpanded {
    position: relative;
    height: 7.75rem;
    width: 7.75rem;
    border: 0.063rem solid var(--systemE);
    border-radius: 0.375rem;
    text-align: center;
    margin-bottom: 0rem;
}

.labelMarginRight {
    margin-right: 12.5%;
}

.ContactViePrivee {
    margin-top: 4%;
    background-color: var(--systemA);
    text-align: justify;
    padding-top: 4%;
    padding-bottom: 4%;
    padding-right: 20%;
    padding-left: 20%;
    margin-left: 0rem;
    margin-right: 0rem;
}

.ContactViePriveeFenetre {
    margin-top: 4%;
    background-color: var(--systemA);
    text-align: justify;
    padding-top: 4%;
    padding-bottom: 4%;
    margin-left: 0rem;
    margin-right: 0rem;
}

.titreViePrivee {
    font: normal normal bold 1.125rem/1rem Neo Sans Pro Regular;
}

.textViePrivee {
    font: normal normal normal 1rem/1.125rem Arial;
}

@media screen and (max-width: 1680px) {
    .cardContact .card:not(.cardOverlayUploadFiles, .cardSectionAppeler) {
        margin-left: 20%;
        margin-right: 20%;
    }

    .divLigne {
        padding-left: 18%;
        padding-right: 18%;
    }
}

@media screen and (max-width: 1500px) {
    .cardContact .card:not(.cardOverlayUploadFiles, .cardSectionAppeler) {
        margin-left: 18%;
        margin-right: 18%;
    }

    .divLigne {
        padding-left: 16%;
        padding-right: 16%;
    }
}

@media screen and (max-width: 1380px) {
    .cardContact .card:not(.cardOverlayUploadFiles, .cardSectionAppeler) {
        margin-left: 16%;
        margin-right: 16%;
    }

    .divLigne {
        padding-left: 14%;
        padding-right: 14%;
    }
}

@media only screen and (min-width:451px) and (max-width: 992px) {
    .cardContact .card:not(.cardOverlayUploadFiles, .cardSectionAppeler) {
        margin-left: 15%;
        margin-right: 15%;
    }


    .labelMarginRight {
        margin-right: 12.5%;
    }

    .divLigne {
        padding-left: 10%;
        padding-right: 10%;
    }

    .ContactViePrivee {
        margin-top: 4%;
        margin-bottom: 4%;
        background-color: var(--systemA);
        text-align: justify;
        padding-top: 4%;
        padding-bottom: 4%;
        padding-right: 10%;
        padding-left: 10%;
        margin-left: 0rem;
        margin-right: 0rem;
    }
}

@media screen and (max-width: 450px) {
    .cardContact .card:not(.cardOverlayUploadFiles, .cardSectionAppeler) {
        padding-left: 0rem;
        padding-right: 0rem;
        margin-left: 0rem;
        margin-right: 0rem;
    }

    .labelMarginRight {
        margin-right: 5%;
    }

    .divLigne {
        padding-left: 2%;
        padding-right: 2%;
    }

    .ContactViePrivee {
        margin-top: 4%;
        margin-bottom: 4%;
        background-color: var(--systemA);
        text-align: justify;
        padding-top: 4%;
        padding-bottom: 4%;
        padding-right: 7.5px;
        padding-left: 7.5px;
        margin-left: 0rem;
        margin-right: 0rem;
    }
}

.ContactTitlePage {
    font: normal normal bold 2rem/2.75rem Neo Sans Pro Regular;
    padding: 1rem;
}

.ContactNomUser {
    font: normal normal bold 1.125rem/3rem Neo Sans Pro Regular;
}

.ContactText {
    font: normal normal normal 1rem/1.125rem Arial;
    margin-bottom: 0rem;
    text-align: justify;
}

.ContactTitleSection {
    font: normal normal 1rem/3.5rem Neo Sans Pro Bold;
}

.ContactButtonIcon {
    font: normal normal normal 1rem/1.375rem Neo Sans Pro Regular;
}

.ContactIconServices {
    vertical-align: middle;
    font-size: 1.6rem !important;
}

.ContactTableButtonIcon {
    width: 90%;
    padding-top: 0.4rem;
    border-collapse: separate;
    border-spacing: 0rem;
}

    .ContactTableButtonIcon tr:first-child td {
        border-top: 0.063rem solid var(--systemE);
        border-left: 0.063rem solid var(--systemE);
        border-right: 0.063rem solid var(--systemE);
        border-top-left-radius: 0.375rem;
        border-top-right-radius: 0.375rem;
    }

    .ContactTableButtonIcon tr:last-child td {
        border-bottom: 0.063rem solid var(--systemE);
        border-left: 0.063rem solid var(--systemE);
        border-right: 0.063rem solid var(--systemE);
        border-bottom-left-radius: 0.375rem;
        border-bottom-right-radius: 0.375rem;
    }

    .ContactTableButtonIcon td {
        text-align: center;
    }

    .ContactTableButtonIcon tr:last-child td {
        max-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .ContactTableButtonIcon tr:first-child td {
        padding-top: 1rem;
    }

.divContactButtonIcon {
    padding-left: 0rem;
    padding-right: 0rem;
}

.divParentButtonsIcons {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.labelexpanded > input {
    display: none;
}

.labelexpanded p {
    overflow: hidden;
    text-overflow: ellipsis;
    /*white-space: nowrap;*/ /* GMA le 26/06/2023 : suppresion pour avoir les textes sous les pictos catégorie 4 sur plusieurs lignes */
    display: block;
    max-width: 100%;
    margin-top: 10%;
    margin-bottom: 0%;
    font: normal normal normal 1rem/1.375rem Neo Sans Pro Regular;
}

.radio-btn-sante, .radio-btn-prevoyance, .radio-btn {
    height: 7.75rem;
    width: 7.75rem;
}

.labelexpanded input:checked + .radio-btn-sante {
    border: 0.063rem solid var(--sante);
    border-radius: 0.375rem;
}

.labelexpanded input:checked + .radio-btn-prevoyance {
    border: 0.063rem solid var(--prevoyance );
    border-radius: 0.375rem;
}

.labelexpanded input:checked + .radio-btn {
    border: 0.063rem solid var(--primaryA);
    border-radius: 0.375rem;
}

/*#40514 06/06/2023 MLO _ Correctif affichage*/
@media screen and (min-width: 381px) AND (max-width: 576px) {
    .labelexpanded {
        height: 6rem;
        width: 6rem;
    }

    .radio-btn-sante, .radio-btn-prevoyance, .radio-btn {
        height: 6rem;
        width: 6rem;
    }

        .radio-btn-prevoyance p {
            font: normal normal normal 0.95rem/1.15rem Neo Sans Pro Regular;
        }
}

@media screen and (max-width: 380px) {
    .labelexpanded {
        height: 5rem;
        width: 5rem;
    }

    .radio-btn-sante, .radio-btn-prevoyance, .radio-btn {
        height: 5rem;
        width: 5rem;
    }

        .radio-btn-prevoyance p {
            font: normal normal normal 0.95rem/1.15rem Neo Sans Pro Regular;
        }
}
/*#40514 The end*/

.listeDeroulanteContact {
    width: 100%;
    border: 1px solid var(--systemE);
}

.divLigne label:not(.form-check-label):not(.custom-file-label) {
    font: normal normal normal 1rem/1.125rem Arial;
}

.divLigneFenetre label:not(.form-check-label):not(.custom-file-label) {
    font: normal normal normal 1rem/1.125rem Arial;
}

.listeDeroulanteContactContrat {
    margin-top: 0.5rem;
}

.textareaMessage {
    resize: none;
    width: 100%;
    border: 1px solid var(--systemE);
    height: 7.688rem;
}

.numberTextSaisi {
    text-align: right;
    font-size: 65%;
}

.content-radio-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.center-btn-submit-contact {
    text-align: center;
    margin-top: 4%;
}

.zoneFichiers {
    width: 100%;
}

#zone {
    /*    border: 0.063rem dashed var(--systemE);*/
    width: 100%;
    border-radius: 0.375rem;
    font: normal normal normal 1rem/1.3rem Arial;
    display: flex;
    align-content: center;
    align-items: center;
    background-image: repeating-linear-gradient(0deg, #c1b6b2, #c1b6b2 13px, transparent 13px, transparent 23px, #c1b6b2 23px), repeating-linear-gradient(90deg, #c1b6b2, #c1b6b2 13px, transparent 13px, transparent 23px, #c1b6b2 23px), repeating-linear-gradient(180deg, #c1b6b2, #c1b6b2 13px, transparent 13px, transparent 23px, #c1b6b2 23px), repeating-linear-gradient(270deg, #c1b6b2, #c1b6b2 13px, transparent 13px, transparent 23px, #c1b6b2 23px);
    background-size: 1px 100%, 100% 1px, 1px 100%, 100% 1px;
    background-position: 0 0, 0 0, 100% 0, 0 100%;
    background-repeat: no-repeat;
}

#envoi a:hover {
    color: var(--primaryA);
}

#envoi #fichier {
    display: none;
}

.ContactSectionAppeler .card {
    width: 100%;
    padding-left: 0%;
    padding-right: 0%;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 9%;
    border: 0.063rem solid var(--primaryA);
    border-radius: 0.375rem;
}

.ContactSectionAppeler .card-header {
    background-color: var(--primaryA);
}

    .ContactSectionAppeler .card-header > h2 {
        color: var(--primaryC);
    }

.ContactSectionAppeler .card-body {
    text-align: center;
}

.spanFormatsAutorises {
    font: normal normal normal 0.875rem/1rem Arial !important;
    color: var(--systemC) !important;
}

.hiddenInput {
    display: none;
}

.documentItemBorderTop {
    border-top: solid 1px rgba(193,182,178,0.5);
}

.documentItemBorderBottom {
    border-bottom: solid 1px rgba(193,182,178,0.5);
}

.nomDocument {
    width: fit-content;
    font-size: 0.75rem;
}

.iconSupprimer i {
    font-size: 18px;
    vertical-align: baseline !important;
}

.textSupprimerDoc {
    font: normal normal bold 0.75rem/0.75rem Arial;
}

.titre-modal-contact-transmettredoc {
    color: var(--primaryA);
    font: normal normal bold 1.5rem/2.125rem Neo Sans Pro Regular;
    width: 100%;
}

#modalBodyContact {
    overflow-y: auto;
    max-height: calc(100% - 75px) !important;
    padding: 0;
}

    #modalBodyContact::-webkit-scrollbar {
        width: 0.5em;
    }

    #modalBodyContact::-webkit-scrollbar-track {
        /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
        background: var(--systemE); /* color of the tracking area */
        border-radius: 20px;
    }

    #modalBodyContact::-webkit-scrollbar-thumb {
        /*   background-color: var(--primaryA);
        outline: 1px solid slategrey;*/
        background-color: var(--primaryA); /* color of the scroll thumb */
        border-radius: 20px; /* roundness of the scroll thumb */
        border: 1px solid var(--systemE);
    }

    #modalBodyContact .card {
        box-shadow: none;
    }

#modal-transmettre-doc .modal-dialog, #modal-transmettre-doc .modal-content {
    height: 91%;
}

@media screen and (min-height: 1084px) {
    #modal-transmettre-doc .modal-dialog, #modal-transmettre-doc .modal-content {
        /* height: 73%;*/
        height: 67%;
    }
}

.divLigneFenetre {
    padding-left: 0;
    padding-right: 0;
}


.icon-download-green {
    color: var(--primaryA);
}

#modal-transmettre-doc {
    display: block;
}

    #modal-transmettre-doc .modal-dialog {
        max-width: 36rem;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        margin-top: 0rem;
    }

    #modal-transmettre-doc .modal-content {
        padding-top: 0;
        padding-left: 0;
        padding-bottom: 0;
    }

    #modal-transmettre-doc .modal-header > .close {
        padding-top: 1rem;
    }

.margin-top-title-contactez {
    margin-top: -2.3rem;
}

.card-contact-fenêtre-padding-bottom {
    margin-bottom: 0;
}

#modal-envoi-en-cours > div {
    position: fixed;
    inset: 0px;
    z-index: 1050;
    overflow: hidden;
    background-color: rgb(255, 255, 255);
    opacity: 0.8;
    text-align: center;
    font-weight: bold;
    transition: visibility 0s linear 500ms;
    visibility: visible;
}

#modal-body-envoi-en-cours {
    padding-top: 5rem;
}

.envoi-en-cours-hide {
    display: none;
}

.envoi-en-cours-show {
    display: block;
}

.titre-formulaire-contact-active {
    border-bottom: 2px solid;
    text-align: left;
    font: normal normal bold 1.125rem/2.125rem Neo Sans Pro Regular;
    letter-spacing: 0px;
    color: var(--primaryA) !important;
    opacity: 1;
}

.titre-formulaire-contact {
    text-align: left;
    font: normal normal bold 1.5rem/2.125rem Neo Sans Pro Regular;
    letter-spacing: 0px;
    color: var(--systemC) !important;
    opacity: 1;
}

.hasContratOnlySanteOrPrevoyance {
    margin-right: 15.5%;
}