/* JMG: ====================================================================================================== */
/*
@font-face {
    font-family: Thesans;
    src: url(thesansosf-plain-webfont.woff2) format("woff2"), url(thesansosf-plain-webfont.woff) format("woff"), url(thesansosf-plain-webfont.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}*/

*, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Noto Sans", Helvetica, Arial, sans-serif;
}
/* JMG: 
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Segoe UI Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 500;
    line-height: 1.1;
    color: #232222;
}
*/

/* ====================================================================================================== */

/*Partie auto générée à partir d'un portail moderne (dyna-form)   DEBUT*/
/**
 * Code generated by Microsoft. Changes to this file are not
 * supported. We recommend that you do not modify this file. Any
 * change to this file will get overwritten with a theme applied using
 * Site Styling panel from Power Apps Portals.
 */
:root {
    --portalThemeColor1: #cf0063;
    --portalThemeColor2: #cf0063;
    --portalThemeColor3: #CDCDCD;
    --portalThemeColor4: #cf0063;
    --portalThemeColor5: #FBF4F4;
    --portalThemeColor6: #cf0063;
    --portalThemeColor7: #FFFFFF;
    --portalThemeColor8: #000000;
    --portalThemeColor9: #cf0063;
    --portalThemeOnColor1: #FFFFFF;
    --portalThemeOnColor2: #FFFFFF;
    --portalThemeOnColor3: #000000;
    --portalThemeOnColor4: #FFFFFF;
    --portalThemeOnColor5: #000000;
    --portalThemeOnColor6: #FFFFFF;
    --portalThemeOnColor7: #000000;
    --portalThemeOnColor8: #FFFFFF;
    --portalThemeOnColor9: #FFFFFF;
}

[data-component-theme="portalThemeColor1"] {
    background-color: var(--portalThemeColor1);
    color: var(--portalThemeOnColor1);
}

    [data-component-theme="portalThemeColor1"] h1, [data-component-theme="portalThemeColor1"] h2, [data-component-theme="portalThemeColor1"] h3, [data-component-theme="portalThemeColor1"] h4, [data-component-theme="portalThemeColor1"] h5, [data-component-theme="portalThemeColor1"] h6, [data-component-theme="portalThemeColor1"] p, [data-component-theme="portalThemeColor1"] p.smallText {
        color: var(--portalThemeOnColor1);
    }

[data-component-theme="portalThemeColor2"] {
    background-color: var(--portalThemeColor2);
    color: var(--portalThemeOnColor2);
}

    [data-component-theme="portalThemeColor2"] h1, [data-component-theme="portalThemeColor2"] h2, [data-component-theme="portalThemeColor2"] h3, [data-component-theme="portalThemeColor2"] h4, [data-component-theme="portalThemeColor2"] h5, [data-component-theme="portalThemeColor2"] h6, [data-component-theme="portalThemeColor2"] p, [data-component-theme="portalThemeColor2"] p.smallText {
        color: var(--portalThemeOnColor2);
    }

[data-component-theme="portalThemeColor3"] {
    background-color: var(--portalThemeColor3);
    color: var(--portalThemeOnColor3);
}

    [data-component-theme="portalThemeColor3"] h1, [data-component-theme="portalThemeColor3"] h2, [data-component-theme="portalThemeColor3"] h3, [data-component-theme="portalThemeColor3"] h4, [data-component-theme="portalThemeColor3"] h5, [data-component-theme="portalThemeColor3"] h6, [data-component-theme="portalThemeColor3"] p, [data-component-theme="portalThemeColor3"] p.smallText {
        color: var(--portalThemeOnColor3);
    }

[data-component-theme="portalThemeColor4"] {
    background-color: var(--portalThemeColor4);
    color: var(--portalThemeOnColor4);
}

    [data-component-theme="portalThemeColor4"] h1, [data-component-theme="portalThemeColor4"] h2, [data-component-theme="portalThemeColor4"] h3, [data-component-theme="portalThemeColor4"] h4, [data-component-theme="portalThemeColor4"] h5, [data-component-theme="portalThemeColor4"] h6, [data-component-theme="portalThemeColor4"] p, [data-component-theme="portalThemeColor4"] p.smallText {
        color: var(--portalThemeOnColor4);
    }

[data-component-theme="portalThemeColor5"] {
    background-color: var(--portalThemeColor5);
    color: var(--portalThemeOnColor5);
}

    [data-component-theme="portalThemeColor5"] h1, [data-component-theme="portalThemeColor5"] h2, [data-component-theme="portalThemeColor5"] h3, [data-component-theme="portalThemeColor5"] h4, [data-component-theme="portalThemeColor5"] h5, [data-component-theme="portalThemeColor5"] h6, [data-component-theme="portalThemeColor5"] p, [data-component-theme="portalThemeColor5"] p.smallText {
        color: var(--portalThemeOnColor5);
    }

[data-component-theme="portalThemeColor6"] {
    background-color: var(--portalThemeColor6);
    color: var(--portalThemeOnColor6);
}

    [data-component-theme="portalThemeColor6"] h1, [data-component-theme="portalThemeColor6"] h2, [data-component-theme="portalThemeColor6"] h3, [data-component-theme="portalThemeColor6"] h4, [data-component-theme="portalThemeColor6"] h5, [data-component-theme="portalThemeColor6"] h6, [data-component-theme="portalThemeColor6"] p, [data-component-theme="portalThemeColor6"] p.smallText {
        color: var(--portalThemeOnColor6);
    }

[data-component-theme="portalThemeColor7"] {
    background-color: var(--portalThemeColor7);
    color: var(--portalThemeOnColor7);
}

    [data-component-theme="portalThemeColor7"] h1, [data-component-theme="portalThemeColor7"] h2, [data-component-theme="portalThemeColor7"] h3, [data-component-theme="portalThemeColor7"] h4, [data-component-theme="portalThemeColor7"] h5, [data-component-theme="portalThemeColor7"] h6, [data-component-theme="portalThemeColor7"] p, [data-component-theme="portalThemeColor7"] p.smallText {
        color: var(--portalThemeOnColor7);
    }

[data-component-theme="portalThemeColor8"] {
    background-color: var(--portalThemeColor8);
    color: var(--portalThemeOnColor8);
}

    [data-component-theme="portalThemeColor8"] h1, [data-component-theme="portalThemeColor8"] h2, [data-component-theme="portalThemeColor8"] h3, [data-component-theme="portalThemeColor8"] h4, [data-component-theme="portalThemeColor8"] h5, [data-component-theme="portalThemeColor8"] h6, [data-component-theme="portalThemeColor8"] p, [data-component-theme="portalThemeColor8"] p.smallText {
        color: var(--portalThemeOnColor8);
    }

[data-component-theme="portalThemeColor9"] {
    background-color: var(--portalThemeColor9);
    color: var(--portalThemeOnColor9);
}

    [data-component-theme="portalThemeColor9"] h1, [data-component-theme="portalThemeColor9"] h2, [data-component-theme="portalThemeColor9"] h3, [data-component-theme="portalThemeColor9"] h4, [data-component-theme="portalThemeColor9"] h5, [data-component-theme="portalThemeColor9"] h6, [data-component-theme="portalThemeColor9"] p, [data-component-theme="portalThemeColor9"] p.smallText {
        color: var(--portalThemeOnColor9);
    }

[data-component-theme="portalThemeColor10"] {
    background-color: var(--portalThemeColor10);
    color: var(--portalThemeOnColor10);
}

    [data-component-theme="portalThemeColor10"] h1, [data-component-theme="portalThemeColor10"] h2, [data-component-theme="portalThemeColor10"] h3, [data-component-theme="portalThemeColor10"] h4, [data-component-theme="portalThemeColor10"] h5, [data-component-theme="portalThemeColor10"] h6, [data-component-theme="portalThemeColor10"] p, [data-component-theme="portalThemeColor10"] p.smallText {
        color: var(--portalThemeOnColor10);
    }

[data-component-theme="portalThemeColor11"] {
    background-color: var(--portalThemeColor11);
    color: var(--portalThemeOnColor11);
}

    [data-component-theme="portalThemeColor11"] h1, [data-component-theme="portalThemeColor11"] h2, [data-component-theme="portalThemeColor11"] h3, [data-component-theme="portalThemeColor11"] h4, [data-component-theme="portalThemeColor11"] h5, [data-component-theme="portalThemeColor11"] h6, [data-component-theme="portalThemeColor11"] p, [data-component-theme="portalThemeColor11"] p.smallText {
        color: var(--portalThemeOnColor11);
    }

[data-component-theme="portalThemeColor12"] {
    background-color: var(--portalThemeColor12);
    color: var(--portalThemeOnColor12);
}

    [data-component-theme="portalThemeColor12"] h1, [data-component-theme="portalThemeColor12"] h2, [data-component-theme="portalThemeColor12"] h3, [data-component-theme="portalThemeColor12"] h4, [data-component-theme="portalThemeColor12"] h5, [data-component-theme="portalThemeColor12"] h6, [data-component-theme="portalThemeColor12"] p, [data-component-theme="portalThemeColor12"] p.smallText {
        color: var(--portalThemeOnColor12);
    }

body {
    color: #000000;
    background-color: #FFFFFF;
}

legend {
    color: #000000;
}

footer {
    color: #000000;
    font-family: Thesans, Helvetica, Arial, sans-serif; /* AQU: 'Arial';*/
    font-weight: 400;
    font-size: 16px;
}

    footer .footer-bottom {
        background-color: #cf0063;
    }

.columnBlockLayout {
    /* margin-top: 60px; AQU*/
    /* margin-bottom: 60px; AQU*/
    /* padding: 16px;  */
}

.ppFlexContainer {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
}

.sectionBlockLayout .columnBlockLayout:has(.ppFlexContainer) {
    display: block !important;
    height: fit-content !important;
}

.sectionBlockLayout .container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.ppFlexContainer .button1, .ppFlexContainer .button2 {
    white-space: nowrap;
}

@media (min-width: 768px) {
    .ppFlexContainer {
        flex-basis: 0%;
    }
}

.breadcrumb {
    background-color: transparent;
}

    .breadcrumb > li a {
        color: #cf0063;
    }

        .breadcrumb > li a:hover {
            color: #cf0063;
        }

    .breadcrumb > .active {
        color: #000000;
    }

.nav-tabs > li > a:hover {
    background-color: #f2f2f2;
    color: #cf0063;
}

.nav-tabs > li > a:focus {
    background-color: #f2f2f2;
    color: #cf0063;
}

.btn-primary {
    color: #FFFFFF;
    background-color: #cf0063;
    border-color: #cf0063;
    border-radius: 2px;
    font-family: Thesans, Helvetica, Arial, sans-serif; /* AQU: 'Arial';*/
    font-weight: 400;
    font-size: 14px;
    padding: 6px 20px;
    width: fit-content;
    border-style: solid;
    background-color: #cf0063;
    color: #FFFFFF;
}

    .btn-primary:hover {
        color: #FFFFFF;
        background-color: #cf0063;
        border-color: #cf0063;
    }

    .btn-primary:active, .btn-primary.active {
        color: #FFFFFF;
        background-color: #cf0063;
        border-color: #cf0063;
    }

        .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus {
            color: #FFFFFF;
            background-color: #cf0063;
            border-color: #cf0063;
        }

    .btn-primary:focus, .btn-primary.focus {
        color: #FFFFFF;
        background-color: #cf0063;
        border-color: #cf0063;
    }

.static-top.navbar-dark {
    background-color: #cf0063;
}

.navbar-toggler {
    background-color: #cf0063;
}

.static-top.navbar .menu-bar > .navbar-nav > li > a {
    font-family: Thesans, Helvetica, Arial, sans-serif; /* AQU: 'Arial';*/
    font-weight: 400;
    font-size: 20px;
    border: 1px solid transparent;
}

    .static-top.navbar .menu-bar > .navbar-nav > li > a:hover {
        text-decoration: Underline;
    }

.navbar-dark .navbar-toggler {
    border: 1px solid #cf0063;
}

    .navbar-dark .navbar-toggler:hover {
        background-color: #cf0063;
        border-color: #cf0063;
    }

    .navbar-dark .navbar-toggler:focus {
        border: 1px solid #ffffff;
        background-color: #cf0063;
    }

    .navbar-dark .navbar-toggler .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8, %3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23FFFFFF'  stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    }

.navbar-dark .navbar-nav > li > a, .navbar-dark .navbar-nav > li.dropdown > a {
    color: #ffffff;
    font-family: Thesans, Helvetica, Arial, sans-serif; /* AQU: 'Arial';*/
    font-weight: 400;
    font-size: 20px;
}

    .navbar-dark .navbar-nav > li > a:hover, .navbar-dark .navbar-nav > li.dropdown > a:hover {
        background-color: #cf0063;
        color: #ffffff;
        text-decoration: Underline;
    }

    .navbar-dark .navbar-nav > li > a:focus, .navbar-dark .navbar-nav > li.dropdown > a:focus {
        background-color: #cf0063;
        color: #ffffff;
        text-decoration: Underline;
    }

    .navbar-dark .navbar-nav > li > a:focus-visible, .navbar-dark .navbar-nav > li.dropdown > a:focus-visible {
        background-color: #cf0063;
        color: #ffffff;
        text-decoration: Underline;
    }

.navbar-dark .navbar-nav a.show, .navbar-dark .navbar-nav a.dropdown-toggle.show {
    color: #ffffff;
    background-color: #cf0063;
    text-decoration: Underline;
}

    .navbar-dark .navbar-nav a.show:hover, .navbar-dark .navbar-nav a.dropdown-toggle.show:hover {
        color: #ffffff;
        background-color: #cf0063;
        text-decoration: Underline;
    }

    .navbar-dark .navbar-nav a.show:focus, .navbar-dark .navbar-nav a.dropdown-toggle.show:focus {
        color: #ffffff;
        background-color: #cf0063;
        text-decoration: Underline;
    }

.navbar-dark .navbar-nav .show.dropdown-menu {
    background-color: #fff; /*AQU*/
    text-decoration: none;
}

    .navbar-dark .navbar-nav .show.dropdown-menu > li > a {
        color: #000000; /*AQU*/
        text-decoration: none;
    }

        .navbar-dark .navbar-nav .show.dropdown-menu > li > a:hover {
            background-color: #ffffff;
            color: #cf0063;
            text-decoration: Underline;
        }

        .navbar-dark .navbar-nav .show.dropdown-menu > li > a:focus {
            background-color: #ffffff;
            color: #cf0063;
            text-decoration: Underline;
        }

    .navbar-dark .navbar-nav .show.dropdown-menu > .active > a {
        background-color: #ffffff;
        color: #cf0063;
        text-decoration: Underline;
    }

        .navbar-dark .navbar-nav .show.dropdown-menu > .active > a:hover {
            background-color: #ffffff;
            color: #cf0063;
            text-decoration: Underline;
        }

        .navbar-dark .navbar-nav .show.dropdown-menu > .active > a:focus {
            background-color: #ffffff;
            color: #cf0063;
            text-decoration: Underline;
        }

.nav > li > a {
    text-decoration: none;
}

    .nav > li > a:hover {
        background-color: #f2f2f2;
    }

    .nav > li > a:focus {
        background-color: #f2f2f2;
    }

.nav .show.dropdown-menu {
    background-color: #FFFFFF;
}

    .nav .show.dropdown-menu > li > a {
        text-decoration: none;
        color: #000000;
    }

        .nav .show.dropdown-menu > li > a:hover {
            background-color: #f2f2f2;
            color: #000000;
        }

        .nav .show.dropdown-menu > li > a:focus {
            background-color: #f2f2f2;
            color: #000000;
        }

    .nav .show.dropdown-menu > .active > a {
        background-color: #f2f2f2;
        color: #000000;
    }

        .nav .show.dropdown-menu > .active > a:hover {
            background-color: #f2f2f2;
            color: #000000;
        }

        .nav .show.dropdown-menu > .active > a:focus {
            background-color: #f2f2f2;
            color: #000000;
        }

.nav > .dropdown > a.show {
    text-decoration: none;
    background-color: #ddd;
}

    .nav > .dropdown > a.show:hover {
        background-color: #ddd;
    }

    .nav > .dropdown > a.show:focus {
        background-color: #ddd;
    }

/*========   AQU : je commente ci-dessous car ces instructions ont tendance à tronquer les grilles de docs    START*/
@media (min-width: 576px) {
    .row.sectionBlockLayout > .container, .row.sectionBlockLayout > .container-sm, .container { /*AQU ajout de .container*/
        /*max-width: 540px;*/ /*AQU : je commente ci-dessous car ces instructions ont tendance à tronquer les grilles de docs*/
        max-width: 1300px;
    }
}

@media (min-width: 768px) {
    .row.sectionBlockLayout > .container, .row.sectionBlockLayout > .container-md, .row.sectionBlockLayout > .container-sm, .container { /*AQU ajout de .container*/
        /*max-width: 720px;*/ /*AQU : je commente ci-dessous car ces instructions ont tendance à tronquer les grilles de docs*/
        max-width: 1300px;
    }
}

@media (min-width: 992px) {
    .row.sectionBlockLayout > .container, .row.sectionBlockLayout > .container-lg, .row.sectionBlockLayout > .container-md, .row.sectionBlockLayout > .container-sm, .container { /*AQU ajout de .container*/
        /*max-width: 960px;*/ /*AQU : je commente ci-dessous car ces instructions ont tendance à tronquer les grilles de docs*/
        max-width: 1300px;
    }
}

@media (min-width: 1200px) {
    .row.sectionBlockLayout > .container, .row.sectionBlockLayout > .container-lg, .row.sectionBlockLayout > .container-md, .row.sectionBlockLayout > .container-sm, .row.sectionBlockLayout > .container-xl, .container { /*AQU ajout de .container*/
        /*max-width: 1140px;*/ /*AQU : je commente ci-dessous car ces instructions ont tendance à tronquer les grilles de docs*/
        max-width: 1300px;
    }
}

@media (min-width: 1400px) {
    .row.sectionBlockLayout > .container, .row.sectionBlockLayout > .container-lg, .row.sectionBlockLayout > .container-md, .row.sectionBlockLayout > .container-sm, .row.sectionBlockLayout > .container-xl, .row.sectionBlockLayout > .container-xxl, .container { /*AQU ajout de .container*/
        max-width: 1400px;
    }
}
/*========   AQU : je commente ci-dessous car ces instructions ont tendance à tronquer les grilles de docs    END*/

.sectionPrimaryColor {
    background-color: #cf0063;
    color: #ffffff;
}

    .sectionPrimaryColor h1, .sectionPrimaryColor h2, .sectionPrimaryColor h3, .sectionPrimaryColor h4, .sectionPrimaryColor h5, .sectionPrimaryColor h6, .sectionPrimaryColor p, .sectionPrimaryColor a {
        color: #ffffff;
    }

    .sectionPrimaryColor .crmEntityFormView h1, .sectionPrimaryColor .crmEntityFormView h2, .sectionPrimaryColor .crmEntityFormView h3, .sectionPrimaryColor .crmEntityFormView h4, .sectionPrimaryColor .crmEntityFormView h5, .sectionPrimaryColor .crmEntityFormView h6, .sectionPrimaryColor .crmEntityFormView p, .sectionPrimaryColor .crmEntityFormView a {
        color: #000000;
    }

    .sectionPrimaryColor .entitylist h1, .sectionPrimaryColor .entitylist h2, .sectionPrimaryColor .entitylist h3, .sectionPrimaryColor .entitylist h4, .sectionPrimaryColor .entitylist h5, .sectionPrimaryColor .entitylist h6, .sectionPrimaryColor .entitylist p, .sectionPrimaryColor .entitylist a {
        color: #000000;
    }

a:not(.btn) {
    text-decoration: none;
}

    a:not(.btn):hover {
        text-decoration: underline;
    }

a,
.a {
    color: #cf0063;
    font-family: "Noto Sans", Helvetica, Arial, sans-serif; /* AQU: 'Arial';*/
    font-weight: 400;
    /*font-size: 14px;*/ /*AQU*/
}

    a:hover, a:focus,
    .a:hover,
    .a:focus {
        color: #cf0063;
    }

    a[disabled] {
        color: #A19F9D;
        pointer-events: none;
    }

button[disabled] {
    background-color: #F3F2F1;
    color: #A19F9D;
    pointer-events: none;
    border: 2px;
}

.btn-secondary.dropdown-toggle.show {
    color: #FFFFFF;
    background-color: #e6e6e6;
    border-color: #cf0063;
}

.btn-default.dropdown-toggle.show {
    color: #FFFFFF;
    background-color: #e6e6e6;
    border-color: #cf0063;
}

.btn-primary.dropdown-toggle.show {
    color: #ffffff;
    background-color: #cf0063;
    border-color: #cf0063;
}

    .btn-primary.dropdown-toggle.show:hover, .btn-primary.dropdown-toggle.show:focus, .btn-primary.dropdown-toggle.show.focus {
        color: #FFFFFF;
        background-color: #cf0063;
        border-color: #ff037c;
    }

.crmEntityFormView, .entitylist, .modal-content, .popover-content {
    background-color: #F8F8F8;
    color: #000000;
    border: 1px solid #f2f2f2;
}

.card-body, .list-group-item {
    background-color: #FFFFFF;
    color: #000000;
}

.card-header {
    background-color: #f2f2f2;
    color: #000000;
}

.facet-list-group-item-title {
    color: #000000;
}

.form-control {
    /*background-color: #FFFFFF !important;*/ /*AQU removed*/
    /*color: #000000;*/
}

input {
    background-color: #FFFFFF;
}

.bootstrap-datetimepicker-widget {
    background-color: #FFFFFF;
}

    .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, .bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td span:hover {
        color: black;
    }

    .bootstrap-datetimepicker-widget table td.active:hover, .bootstrap-datetimepicker-widget table td span.active:hover {
        color: white;
    }

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: unset;
}

.login-heading-section {
    color: unset;
}

.static-top.navbar-dark .navbar-brand a {
    color: #ffffff;
}

.search-results .highlight {
    color: #000000;
}

.table > thead > tr.info > td {
    background-color: #f2f2f2;
}

.table > thead > tr.info > th {
    background-color: #f2f2f2;
}

.table > thead > tr > td.info {
    background-color: #f2f2f2;
}

.table > thead > tr > th.info {
    background-color: #f2f2f2;
}

.table > tbody > tr.info > td {
    background-color: #f2f2f2;
}

.table > tbody > tr.info > th {
    background-color: #f2f2f2;
}

.table > tbody > tr > td.info {
    background-color: #f2f2f2;
}

.table > tbody > tr > th.info {
    background-color: #f2f2f2;
}

.table > tfoot > tr.info > td {
    background-color: #f2f2f2;
}

.table > tfoot > tr.info > th {
    background-color: #f2f2f2;
}

.table > tfoot > tr > td.info {
    background-color: #f2f2f2;
}

.table > tfoot > tr > th.info {
    background-color: #f2f2f2;
}

.table-hover > tbody > tr:hover {
    background-color: #f2f2f2;
}

.table-hover > tbody > tr > td.info:hover {
    background-color: #f2f2f2;
}

.table-hover > tbody > tr > th.info:hover {
    background-color: #f2f2f2;
}

.table-hover > tbody > tr.info:hover > td {
    background-color: #f2f2f2;
}

.table-hover > tbody > tr.info:hover > th {
    background-color: #f2f2f2;
}

.table-hover > tbody > tr:hover > .info {
    background-color: #f2f2f2;
}

.form-close {
    color: #000000;
}

    .form-close:hover {
        color: #000000 !important;
    }

    .form-close:focus {
        color: #000000 !important;
    }

::placeholder {
    color: #000000 !important;
}

.help-block {
    color: #000000;
}

.msos-selection-container, .msos-container, .msos-caret-container, .msos-action-buttons:hover {
    color: #000000 !important;
    background: #FFFFFF !important;
}

.msos-option-selected, .msos-selected-display-item, .msos-quick-delete, .msos-quick-delete:hover {
    background: #f2f2f2 !important;
}

    .msos-label, .msos-quick-delete, .msos-quick-delete:hover {
        color: #000000 !important;
    }

.msos-option-focused:after, .msos-selecteditems:focus .msos-selected-display-item.msos-selecteditem-active:after, .msos-selecteditems-toggle:focus {
    border-color: #000000 !important;
}

.msos-option:hover, .msos-option-selected:hover {
    background: #f9f9f9 !important;
}

.msos-selecteditems-toggle {
    color: #cf0063 !important;
}

h1,
.h1,
.section-landing-heading,
.section-landing .row > div .section-landing-heading,
.section-inline-search .row > div h1,
.section-landing h1,
.section-search .header-search h1,
.page_section h1,
.color-inverse h1,
h1 p {
    font-family: Thesans, Helvetica, Arial, sans-serif; /* AQU: 'Arial';*/
    font-weight: 400;
    font-size: 40px;
    color: #000000;
    margin-left: 0px;
    margin-right: 0px;
}

h2,
.h2,
.section-landing .row > div .section-landing-sub-heading,
.page_section h2,
.color-inverse h2,
h2 p {
    font-family: Thesans, Helvetica, Arial, sans-serif; /* AQU: 'Arial';*/
    font-weight: 400;
    font-size: 36px;
    color: #000000;
}

h3,
.h3,
.page_section h3,
.color-inverse h3,
.sidebar-home h3 {
    font-family: Thesans, Helvetica, Arial, sans-serif; /* AQU: 'Arial';*/
    font-weight: 600;
    font-size: 24px;
    color: #000000;
}

h4,
.h4,
.poll .poll-header h4,
.poll .poll-tags h4 {
    font-family: Thesans, Helvetica, Arial, sans-serif; /* AQU: 'Arial';*/
    font-weight: 700;
    font-size: 24px;
    color: #000000;
}

h5,
.h5 {
    font-family: Thesans, Helvetica, Arial, sans-serif; /* AQU: 'Arial';*/
    font-weight: 700;
    font-size: 14px;
    color: #000000;
}

/*p,
.p,
.page_section p,
.section-diagonal-left p,
.section-diagonal-right p,
p.form-text span {
    font-family: Thesans, Helvetica, Arial, sans-serif;*/ /* AQU: 'Arial';*/
/*font-weight: 400;
    font-size: 20px;
    color: #000000;
}*/

.p2 {
    font-family: Thesans, Helvetica, Arial, sans-serif; /* AQU: 'Arial';*/
    font-weight: 400;
    font-size: 16px;
    color: #000000;
}

.button1 {
    color: #FFFFFF;
    border-radius: 2px;
    font-family: Thesans, Helvetica, Arial, sans-serif; /* AQU: 'Arial';*/
    font-weight: 600;
    font-size: 14px;
    border-color: #cf0063;
    padding: 6px 20px;
    width: fit-content;
    border-style: solid;
    border-width: 1.6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #cf0063;
}

    .button1:hover {
        color: #FFFFFF;
        background-color: #cf0063;
        border-color: #cf0063;
    }

    .button1:active, .button1.active {
        color: #FFFFFF !important;
        background-color: #cf0063 !important;
        border-color: #cf0063 !important;
    }

    .button1:focus, .button1.focus, .button1:focus-visible {
        color: #FFFFFF;
        background-color: #cf0063;
        border-color: #cf0063;
    }

.button2, .btn-secondary, .btn-default {
    color: #cf0063;
    border-radius: 2px;
    font-family: Thesans, Helvetica, Arial, sans-serif; /* AQU: 'Arial';*/
    font-weight: 400;
    font-size: 14px;
    border-color: #cf0063;
    padding: 6px 20px;
    width: fit-content;
    border-style: solid;
    border-width: 1.6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
}

    .button2:hover, .btn-secondary:hover, .btn-default:hover {
        color: #FFFFFF;
        background-color: #cf0063;
        border-color: #cf0063;
    }

    .button2:active, .button2.active, .btn-secondary:active, .btn-secondary.active, .btn-default:active, .btn-default.active {
        color: #FFFFFF !important;
        background-color: #cf0063 !important;
        border-color: #cf0063 !important;
    }

    .button2:focus, .button2.focus, .button2:focus-visible, .btn-secondary:focus, .btn-secondary.focus, .btn-secondary:focus-visible, .btn-default:focus, .btn-default.focus, .btn-default:focus-visible {
        color: #FFFFFF;
        background-color: #cf0063;
        border-color: #cf0063;
    }

.static-top.navbar-dark .navbar-brand a p,
.static-top.navbar-dark .navbar-brand a h1,
.static-top.navbar-dark .navbar-brand a h2,
.static-top.navbar-dark .navbar-brand a h3,
.static-top.navbar-dark .navbar-brand a h4,
.static-top.navbar-dark .navbar-brand a h5,
.static-top.navbar-dark .navbar-brand a span {
    display: inline;
    vertical-align: middle;
    color: #000000;
}

    h1.siteTitle,
    .static-top.navbar-dark .navbar-brand a h1.siteTitle,
    .static-top.navbar-dark .navbar-brand a h1.siteTitle > span {
        display: inline;
        vertical-align: middle;
        color: #000000;
        font-family: Thesans, Helvetica, Arial, sans-serif; /* AQU: 'Arial';*/
        font-weight: 400;
        font-size: 30px;
    }

p.smallText {
    display: inline;
    vertical-align: middle;
    color: #000000;
    font-family: Thesans, Helvetica, Arial, sans-serif; /* AQU: 'Arial';*/
    font-weight: 400;
    font-size: 16px;
}

a.anchor-inherit-styles {
    font-size: inherit;
    font-family: inherit;
    color: inherit;
}

a.anchor-hover-color-color1:hover {
    color: var(--portalThemeColor1) !important;
}

a.anchor-hover-color-color2:hover {
    color: var(--portalThemeColor2) !important;
}

a.anchor-hover-color-color3:hover {
    color: var(--portalThemeColor3) !important;
}

a.anchor-hover-color-color4:hover {
    color: var(--portalThemeColor4) !important;
}

a.anchor-hover-color-color5:hover {
    color: var(--portalThemeColor5) !important;
}

a.anchor-hover-color-color6:hover {
    color: var(--portalThemeColor6) !important;
}

a.anchor-hover-color-color7:hover {
    color: var(--portalThemeColor7) !important;
}

a.anchor-hover-color-color8:hover {
    color: var(--portalThemeColor8) !important;
}

a.anchor-hover-color-color9:hover {
    color: var(--portalThemeColor9) !important;
}

a.anchor-hover-color-color10:hover {
    color: var(--portalThemeColor10) !important;
}

a.anchor-hover-color-color11:hover {
    color: var(--portalThemeColor11) !important;
}

a.anchor-hover-color-color12:hover {
    color: var(--portalThemeColor12) !important;
}

a.anchor-text-decoration-none {
    text-decoration: none;
}

a.anchor-text-decoration-underline {
    text-decoration: underline;
}

a.anchor-hover-text-decoration-none:hover {
    text-decoration: none;
}

a.anchor-hover-text-decoration-underline:hover {
    text-decoration: underline;
}

/*Bootstrap V5 Changes */
.form-select, .crmentityformview select {
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
}

.table-striped, .table-info, .table-striped > tbody > tr:nth-of-type(odd) > *, .form-control:focus, .dropdown-menu, .datepicker button {
    color: #000000;
}

.popover-body {
    background-color: #FFFFFF;
    color: #000000;
    border: 1px solid #f2f2f2;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    text-decoration: none;
    display: block;
    width: auto;
    background-color: #cf0063;
    color: #ffffff;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    text-decoration: none;
    outline: 0;
    width: auto;
    background-color: #cf0063;
    color: #ffffff;
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857;
    color: #000000;
    white-space: nowrap;
    width: auto;
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 21px;
    margin-bottom: 10.5px;
}

h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 10.5px;
    margin-bottom: 10.5px;
}

a.nav-link[role="tab"]:not(.active) {
    color: #cf0063;
    font-family: Thesans, Helvetica, Arial, sans-serif; /* AQU: 'Arial';*/
    font-weight: 400;
    font-size: 14px;
}

a.active.nav-link[role="tab"] {
    font-size: 14px;
    text-decoration: none;
}

.crmEntityFormView label {
    background-color: #F8F8F8;
    color: #000000;
}

/* till here */

/*Partie auto générée à partir d'un portail moderne (dyna-form)   FIN*/



/* partie custo JMG à l'époque en v3.3 traduite par chatGPT  en v5.2 ============================= DEBUT */

/* ==============================================================================
   JMG: customization of other elements not originally included in Bootstrap css 
   ==============================================================================*/
*:focus {
    /* do NOT disable focus border because it is set for accessibility */
    /* border-color: #cf006340; */
    border: 1px solid #cf006340;
    outline: 2px solid #cf006340;
    outline-offset: -2px;
}

body {
    color: #555;
    background-color: #F8F8F8;
}

/*========   AQU : je commente ci-dessous car ces instructions ont tendance à tronquer les grilles de docs    START*/
/*@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 100%;
    }
}*/
/*========   AQU : je commente ci-dessous car ces instructions ont tendance à tronquer les grilles de docs    END*/



.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

/* ================================================================*/
/* JMG: custo for Landing page (home page) */

/* hide the "V" effect on image bottom */
/*
.layer_down {
  visibility: hidden; 
}
*/
/* JMG: minimize size of element "gethelp" because it prevents the hyperlinks located at the bottom of page content to work properly */
#gethelp.section-diagonal-right {
    transform: none;
    -webkit-transform: none;
}

.content-home > .page-copy {
    margin-bottom: 25px;
}

#gethelp {
    margin: 0;
    padding: 0;
    height: 0;
}
/* ================================================================*/
/* JMG: custo for main menu */
.navbar .navbar-brand {
    background-repeat: no-repeat;
    background-size: 120px;
    background-position-x: left;
    background-position-y: center;
    /*padding-left: 130px;*/ /*AQU*/
}

.fixed-top .navbar-header {
    padding-top: 0px; /*AQU*/
}

.unige-logo {
    background-image: url("Logo.png");
}

.navbar.navbar-dark .navbar-toggler,
.navbar.navbar-dark .navbar-toggler.collapsed {
    border: none;
}

.fixed-top.navbar .menu-bar > .navbar-nav > li > a {
    font-family: Thesans, Helvetica, Arial, sans-serif;
    font-size: 1em;
    font-weight: bold;
}

.navbar.navbar-dark .navbar-toggler:hover,
.navbar.navbar-dark .navbar-toggler:focus {
    background-color: #cf0063;
    border: solid 1px #ffffff;
}

@media (max-width: 1199px) {
    .navbar-nav .show .dropdown-menu {
        position: static;
        float: none;
        width: max-content;
        overflow: hidden;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
    }
}

.navbar.navbar-dark .navbar-nav .show .dropdown-menu {
    color: #000;
    background-color: #ffffff;
}

    .navbar.navbar-dark .navbar-nav .show .dropdown-menu .dropdown-item,
    .navbar.navbar-dark .navbar-nav .show .dropdown-menu > .active > li > a,
    .navbar.navbar-dark .navbar-nav .show .dropdown-menu > .active > a {
        color: #000;
        background-color: #ffffff;
        border: none;
    }

        .navbar.navbar-dark .navbar-nav .show .dropdown-menu .dropdown-item:hover,
        .navbar.navbar-dark .navbar-nav .show .dropdown-menu > .active > li > a:hover,
        .navbar.navbar-dark .navbar-nav .show .dropdown-menu > .active > a:hover {
            color: #000;
            background-color: #ddd;
            border: none;
        }

        .navbar.navbar-dark .navbar-nav .show .dropdown-menu .dropdown-item:focus,
        .navbar.navbar-dark .navbar-nav .show .dropdown-menu > .active > li > a:focus,
        .navbar.navbar-dark .navbar-nav .show .dropdown-menu > .active > a:focus {
            color: #000;
            background-color: #cf006310;
            border: none;
        }

.dropdown-toggle:focus {
    border: 1px dotted !important; /* JMG: 1px dashed!important; */
    border-color: #ffffff !important;
    text-decoration: none !important;
}

.dropdown.show a.dropdown-toggle,
.dropdown.show a.dropdown-toggle:hover,
.dropdown.show a.dropdown-toggle:focus {
    background-color: #cf0063;
}

    .dropdown.show a.dropdown-toggle:focus {
        padding-bottom: 14.5px;
    }

.dropdown-menu {
    width: max-content;
    overflow: hidden;
}

    .dropdown-menu .dropdown-item {
        width: auto;
    }

.dropdown .dropdown-menu .dropdown-item,
.dropdown .dropdown-menu .dropdown-item:visited,
.dropdown .dropdown-menu .dropdown-item:hover,
.dropdown .dropdown-menu .dropdown-item:active {
    outline: none;
    border: none;
}

    .dropdown .dropdown-menu .dropdown-item > .glyphicon,
    .dropdown .dropdown-menu .dropdown-item > .fa {
        text-decoration: none;
    }


    .dropdown .dropdown-menu .dropdown-item:focus {
        outline: none;
        border: none;
        color: #555;
        background-color: #cf006310;
    }

    .dropdown .dropdown-menu .dropdown-item:hover {
        outline: none;
        border: none;
        color: #000;
        background-color: #ddd;
    }

/* ================================================================*/
/* JMG: custo for buttons */
.btn.btn-outline-secondary,
.btn.btn-outline-secondary:hover,
.btn.btn-outline-secondary:visited,
.btn.btn-outline-secondary:hover:visited {
    color: #cf0063;
    background-color: #fff;
    border: 2px solid #cf0063;
    border-radius: 0;
    /* border-radius: 4px; */
}

    .btn.btn-outline-secondary:focus,
    .btn.btn-outline-secondary:focus:active,
    .btn.btn-outline-secondary:focus:hover,
    .btn.btn-outline-secondary:active,
    .btn.btn-outline-secondary.focus {
        outline: none;
        color: #cf0063;
        background-color: #cf006310;
        border: 2px solid #cf0063;
        border-radius: 0;
    }

.btn-primary,
.btn-primary:hover,
.btn-primary:hover:active,
.btn-primary:hover:focus,
.btn-primary:visited,
.btn-primary:hover:visited {
    color: #fff;
    background-color: #cf0063;
    border: 2px solid #cf0063;
    border-radius: 0;
}

    .btn-primary:focus,
    .btn-primary:focus:active,
    .btn-primary:focus:hover,
    .btn-primary:active,
    .btn-primary.focus {
        outline: none;
        color: #cf0063;
        background-color: #cf006310;
        border: 2px solid #cf0063;
        border-radius: 0;
    }

    .btn-primary:disabled,
    .btn-primary:disabled:hover,
    .btn-primary:disabled:focus,
    .btn-primary:disabled:active {
        color: #cf0063;
        background-color: #cf006340;
        border: 2px solid #cf006340;
        border-radius: 0;
    }

/* ================================================================*/
/* JMG: custo for tabs */
ul[role="tablist"] > li > a,
ul[role="tablist"] > li > a:hover,
ul[role="tablist"] > li > a:focus,
ul[role="tablist"] > li > a:active {
    color: #cf0063;
}

/* ================================================================*/
/* JMG: custo for hyperlinks */
a, a:visited, a:hover, a:focus, a:active {
    color: #cf0063;
    outline: none;
    border: none;
    text-decoration: none;
    width: max-content;
}

    a:focus {
        border: none;
        border-bottom: 2px solid;
        width: max-content;
    }

    /* JMG: custo for Home link */
    a.homelink, a.homelink:visited, a.homelink:hover, a.homelink:focus, a.homelink:active {
        color: #fff;
        text-decoration: none;
        outline: none;
    }

        a.homelink:focus {
            border: none;
            border-bottom: 2px solid;
        }

/* JMG: custo for topmenu links  */
.navbar.sticky-top .menu-bar > .navbar-nav > li > a,
.navbar.sticky-top .menu-bar > .navbar-nav > li > a:visited,
.navbar.sticky-top .menu-bar > .navbar-nav > li > a:hover
.navbar.sticky-top .menu-bar > .navbar-nav > li > a:focus,
.navbar.sticky-top .menu-bar > .navbar-nav > li > a:active {
    border: none;
    text-decoration: none;
    outline: none;
}

    .navbar.sticky-top .menu-bar > .navbar-nav > li > a:focus,
    .navbar.sticky-top .menu-bar > .navbar-nav > li > a:active {
        /* text-decoration: underline dotted;  */
        /* outline: none; */
        border: none;
        outline: 2px solid #fff;
        outline-offset: -8px;
    }

.nav-tabs .nav-link.active, .nav-tabs .nav-link.active, .nav-tabs .nav-link.active, .nav-tabs .nav-link.active {
    color: #555;
    background-color: #eee;
    border: 1px solid #eee;
    border-bottom-color: transparent;
    cursor: pointer;
    /* outline: none; */
    font-weight: bold;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-link.active {
    outline-style: dotted;
    outline-width: 1px;
}

.navbar-nav > li.dropdown > a.dropdown-toggle:focus,
.navbar-nav > li.dropdown > a.dropdown-toggle:active {
    border: none !important;
}

/* ================================================================*/
/* JMG: custo for breadcrums links */
.breadcrumb .breadcrumb-item > a,
.breadcrumb .breadcrumb-item > a:visited,
.breadcrumb .breadcrumb-item > a:hover,
.breadcrumb .breadcrumb-item > a:focus,
.breadcrumb .breadcrumb-item > a:active {
    color: #666666;
    outline: none;
    border: none;
    text-decoration: none;
}

    .breadcrumb .breadcrumb-item > a:focus {
        border: none;
        border-bottom: 2px solid;
    }
/* ================================================================*/
/* JMG: custo for pagination links */
.pagination .page-link, .pagination .page-link:visited {
    text-decoration: none;
}

    .pagination .page-link:hover, .pagination .page-link:focus {
        color: #555;
        text-decoration: none;
        border-color: #fff;
        border-radius: 50%;
        outline-color: #cf0063;
        -webkit-box-shadow: inset 0 1px 1px #cf006340, 0 0 3px #cf0063;
        box-shadow: inset 0 1px 1px #cf006340, 0 0 3px #cf0063;
    }
/* ================================================================*/
/* JMG: custo for forms controls */
.form-control {
    border-color: #000;
}

    .form-control:focus {
        border-color: #000;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px #cf006340, 0 0 3px #000;
        box-shadow: inset 0 1px 1px #cf006340, 0 0 3px #000;
    }

.instructions {
    color: #555;
}

    .instructions div {
        color: #555;
        margin-left: 180px;
        padding-left: 0;
    }

    .instructions p {
        color: #555;
        margin-left: 0;
        padding-left: 0;
    }

@media (max-width: 768px) {
    .instructions div {
        margin-left: 0;
        padding-left: 15px;
    }
}

/* ==============================================================================
 * JMG: custo for dropdown lists
 * ==============================================================================*/
select > option[selected="selected"] {
    background: #d9d9d9;
}
/* impossible to change the ugly blue color when hovering the options !! it's rendered by the OS and not by the CSS
select>option:over {
  font-weight: bold;
  background: #fff;
}
*/

/* ==============================================================================
 * JMG: custo for checkboxes
 * ==============================================================================*/
input[type='checkbox'] {
    width: 1.2em;
    height: 1.2em;
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 1px solid gray;
    box-shadow: none;
    font-size: 1.2em;
    text-align: center;
    vertical-align: middle;
    line-height: 1.2em;
    background: #fff;
}

    input[type='checkbox']:checked:after {
        content: '✔';
        color: #cf0063;
    }

input[type="checkbox"] {
    outline-color: #cf006340;
}

    input[type="checkbox"]:hover {
        box-shadow: none;
        outline: none;
        border-style: solid;
        border-width: 1px;
        border-color: #cf0063;
    }

    input[type="checkbox"]:focus, input[type="checkbox"]:active {
        /* border-color: #cf0063;
	outline-color: #cf0063; */
        outline: none;
        -webkit-box-shadow: inset 0 1px 1px #cf006340, 0 0 5px #cf0063;
        box-shadow: 0 0 5px #cf0063; /* inset 0 1px 1px #cf0063, 0 0 5px #cf0063;*/
        color: #cf0063; /* necessary for Safary */
    }

.form-check .form-check-label {
    min-height: 21px;
    padding-left: 1.6em;
}

    .form-check .form-check-label span {
        padding-left: 0.3em;
    }

.form-check .form-check-input, .form-check-inline .form-check-input {
    margin-left: -1.3em;
}

/* ==============================================================================
 * JMG: custo for radio buttons
 * ==============================================================================*/
.boolean-radio input[type="radio"],
.picklist input[type="radio"] {
    width: 1.2em;
    height: 1.2em;
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    border-style: solid;
    border-width: 1px;
    border-radius: 50%;
    border-color: #cf006340;
    font-size: 1.2em;
    text-align: center;
    vertical-align: middle;
    line-height: 1.2em;
    background: #fff;
}

    .boolean-radio input[type="radio"]:checked:after,
    .picklist input[type="radio"]:checked:after {
        content: "\002713"; /* UFT-8: checkmark */
        font-weight: 900;
        color: #cf0063;
    }

    .boolean-radio input[type="radio"]:hover,
    .picklist input[type="radio"]:hover {
        box-shadow: none;
        outline: none;
        border-style: solid;
        border-width: 1px;
        border-color: #cf0063;
        border-radius: 50%;
    }

    .boolean-radio input[type="radio"]:focus,
    .boolean-radio input[type="radio"]:active,
    .picklist input[type="radio"]:focus,
    .picklist input[type="radio"]:active {
        outline: none;
        -webkit-box-shadow: inset 0 1px 1px #cf006340, 0 0 5px #cf0063;
        box-shadow: 0 0 5px #cf0063;
        color: #cf0063; /* necessary for Safari */
        border-radius: 50%;
    }

.boolean-radio label,
.picklist label {
    min-height: 21px;
    padding-left: 0;
}

.boolean-radio input[type="radio"],
.picklist input[type="radio"] {
    margin-left: 0;
}
/* ==============================================================================
 * JMG: custo for multisteps forms
 * ==============================================================================*/
.list-group-item-success {
    color: #555;
    /* background-color: #d6e9c6; */
    background-color: #f5f5f5;
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    color: #555;
    background-color: #cf006310;
    border-color: #cf0063;
}

.list-group-item.incomplete {
    color: #555;
    background-color: #f5f5f5;
    border: 1px solid transparent;
}

/* ==============================================================================
 * JMG: custo for modal data entry forms
 * ==============================================================================*/
.modal-header, .modal-body, .modal-footer {
    padding: 15px;
    padding-left: 10px;
    padding-right: 10px;
}

.crmEntityFormView .cell.form-check-cell div.info {
    padding-left: 28px;
    margin-left: 10px;
}

.crmEntityFormView .cell.form-check-cell:first-child {
    padding: 0 10px 15px 28px;
}
/* JMG: For correct colors + Fix for bug 442 (specific to Safari browser) - Begin */
.table > thead > tr > td,
.table > thead > tr > th,
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th {
    color: #555;
    background-color: #ffffff;
}

    .table > thead > tr > td.info,
    .table > thead > tr > th.info,
    .table > thead > tr.info > td,
    .table > thead > tr.info > th,
    .table > tbody > tr > td.info,
    .table > tbody > tr > th.info,
    .table > tbody > tr.info > td,
    .table > tbody > tr.info > th,
    .table > tfoot > tr > td.info,
    .table > tfoot > tr > th.info,
    .table > tfoot > tr.info > td,
    .table > tfoot > tr.info > th {
        color: #555;
        background-color: #cf006310;
    }

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr.info:hover > th,
.table-hover > tbody > tr:hover > .info {
    background-color: #cf006310;
}
/* JMG: Fix for bug 442 (specific to Safari browser) - End */
.entity-lookup .view-grid {
    height: max-content;
    max-height: max-content;
}

.view-grid.has-pagination > table {
    margin-bottom: 0;
}

.pagination .page-link {
    margin: 0;
}

/* ==============================================================================
 * JMG: custo for boostrap-datetimepicker-widget (used when calendar button is pressed)
 * ==============================================================================*/
.bootstrap-datetimepicker-widget table td.today:before {
    border-bottom-color: #cf0063; /*#337ab7;*/
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #cf0063; /*#337ab7;*/
}

.bootstrap-datetimepicker-widget table td span.active {
    background-color: #cf0063; /*#337ab7;*/
}
/* ==============================================================================
 * JMG: following lines concern only the standard page footer
 * ==============================================================================*/
.unigeFooter {
    width: 100% !important;
}

.unigeFooter_Layout {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

    .unigeFooter_Layout:before, .unigeFooter_Layout:after {
        content: " ";
        display: table;
    }

    .unigeFooter_Layout:after {
        clear: both;
    }

@media (min-width: 740px) {
    .unigeFooter_Layout {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .unigeFooter_Layout {
        width: 980px;
    }
}

@media (min-width: 1300px) {
    .unigeFooter_Layout {
        width: 1100px;
    }
}

/*---------- Grids --------------*/
.unigeFooter_Grid {
    margin-left: -15px;
    margin-right: -15px;
}

    .unigeFooter_Grid:before, .unigeFooter_Grid:after {
        display: table;
    }

    .unigeFooter_Grid:after {
        clear: both;
    }

/*----------  Site Partners  ----------*/
.unigeFooter_Partners {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: black;
    width: 100% !important;
}

.unigeFooter_Partners-item {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 0.875rem;
    text-align: center;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}

.unigeFooter_Partners-section a.unigeFooter_Partners-item {
    width: 24%;
}

    .unigeFooter_Partners-section a.unigeFooter_Partners-item:focus {
        outline: 3px solid #666;
        outline-offset: -5px;
        border: 0;
        text-decoration: none;
    }

@media (min-width: 740px) {
    .unigeFooter_Partners-item {
        float: left;
        /* width: 16.7%; */
    }
}

/*----------  Site links  ----------*/
.unigeFooter_Links {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: white;
    background-color: #262626;
    width: 100% !important;
}

.unigeFooter_Links-section {
    position: relative;
    min-height: 1px;
    /*
  padding-left: 15px;
  padding-right: 15px;
*/
    width: 24%;
}

@media (min-width: 740px) {
    .unigeFooter_Links-section {
        float: left;
        width: 24%;
    }
}

.unigeFooter_Links-section li {
    display: inline;
    padding: 0;
}

.unigeFooter_Links-title {
    padding: 0rem 0.3125rem;
    text-transform: uppercase;
    font-size: 1.4rem;
    font-weight: bold;
    color: inherit;
}

.unigeFooter_Links-item {
    display: block;
    font-size: 1.2rem;
    padding: 0.625rem 0.3125rem;
    color: #808080;
    border-bottom: 1px dashed #404040;
}

    .unigeFooter_Links-item a {
        text-decoration: none;
        border: none;
        outline: 2px solid #555;
        outline-offset: -3px;
    }

.unigeFooter_Links-section ul li:last-child .unigeFooter_Links-item {
    border: none;
}

.unigeFooter_Links-item--icon {
    display: inline-block;
    border: none !important;
    /* padding-bottom: 0.3125rem; */
}

    .unigeFooter_Links-item--icon .unigeFooter_Icon {
        /* background-color: #808080; */
        color: #262626;
    }

    .unigeFooter_Links-item--icon:hover {
        background: none !important;
    }

        .unigeFooter_Links-item--icon:hover .unigeFooter_Icon {
            background-color: white;
        }

.unigeFooter_Links-section ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.unigeFooter_Links-section a,
.unigeFooter_Links-section a:hover,
.unigeFooter_Links-section a:visited {
    text-decoration: none;
    border: none;
    outline: none;
    width: auto;
}

    .unigeFooter_Links-section a:focus,
    .unigeFooter_Links-section a:active {
        outline: 3px dotted #fff;
        outline-offset: -3px;
    }

.unigeFooter_Links-section ul li a.unigeFooter_Links-item,
.unigeFooter_Links-section ul li a.unigeFooter_Links-item:hover,
.unigeFooter_Links-section ul li a.unigeFooter_Links-item:visited {
    text-decoration: none;
    width: auto;
    color: #808080;
    /* background-color: #404040; */
}

    .unigeFooter_Links-section ul li a.unigeFooter_Links-item:focus,
    .unigeFooter_Links-section ul li a.unigeFooter_Links-item:active {
        color: #fff;
    }

/* ----------------------------- */
.unigeFooter_IconMedias,
.unigeFooter_IconMedias:hover,
.unigeFooter_IconMedias:visited {
    display: inline-block;
    width: 35px;
    height: 35px;
    overflow: hidden;
    margin-right: 8px;
    margin-bottom: 8px;
    background-color: #808080;
}

    .unigeFooter_IconMedias:focus,
    .unigeFooter_IconMedias:active {
        outline: 3px dotted #fff;
        outline-offset: -3px;
    }

    .unigeFooter_IconMedias > a {
        background-color: #808080;
    }

.unigeFooter_IconMedias--facebook {
    margin-top: -1px;
    margin-left: -1px;
}

.unigeFooter_IconMedias--twitter {
    margin-top: -1px;
    margin-left: -37px;
}

.unigeFooter_IconMedias--linkedin {
    margin-top: -1px;
    margin-left: -73px;
}

.unigeFooter_IconMedias--youtube {
    margin-top: -1px;
    margin-left: -109px;
}

.unigeFooter_IconMedias--instagram {
    margin-top: -1px;
    margin-left: -145px;
}

.unigeFooter_IconMedias--rss {
    margin-top: -1px;
    margin-left: -181px;
}

.unigeFooter_IconMedias--itunesu {
    margin-top: -1px;
    margin-left: -217px;
}

.unigeFooter_IconMedias--coursera {
    margin-top: -1px;
    margin-left: -253px;
}

.unigeFooter_IconMedias--unigemobile {
    margin-top: -1px;
    margin-left: -289px;
}


/* partie custo JMG à l'époque en v3.3 traduite par chatGPT  en v5.2 ============================= DEBUT */

/*Partie ELCA inchangée de v3.3 à v5.2 ========================== DEBUT*/
.crmEntityFormView .actions {
    display: flex;
    justify-content: end;
    margin: 0;
    padding: 0;
    border: none;
}

html[dir=ltr] .crmEntityFormView .actions .btn:first-child {
    margin: 0;
}

.crmEntityFormView .cell {
    padding: 0 2px 20px;
}

button.aria-exp.btn-xs.btn-default.btn,
button.aria-exp.btn-md.btn-default.btn {
    display: none;
}

.input-group {
    display: block;
}

.input-append.input-group.datetimepicker {
    display: table;
}

.dropdown.action > .dropdown-menu {
    position: relative !important;
    display: flex !important;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 15px;
    text-align: left;
    align-items: center;
    background-color: transparent;
    /* border: 1px solid #ccc; */
    /* border: 1px solid rgba(0, 0, 0, .15); */
    /* border-radius: 0; */
    /* -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); */
    /* box-shadow: 0 6px 12px rgba(0, 0, 0, .175); */
    border: unset;
    box-shadow: unset;
    background-clip: padding-box;
}


.infobulle {
    width: max-content !important;
    position: relative;
    cursor: help;
}

    .infobulle:hover::after,
    .infobulle:focus::after {
        content: attr(aria-label);
        position: absolute;
        top: 1.5em;
        transform: translateX(-50%);
        z-index: 1;
        white-space: nowrap;
    }

.card-list {
    display: flex;
    gap: 15px;
}

.card-header {
    display: flex;
    gap: 0.5em;
    align-items: center;
    padding-bottom: 2em;
}

.card-header-text {
    margin-bottom: 0.5em;
    font-size: 22px;
    color: #000;
}

.card-header-icon {
    width: 2em;
    height: 2em;
    display: grid;
    place-items: center;
}

.icon-complement {
    background: url('/icons8_to_do.svg') no-repeat;
}

.icon-decision {
    background: url('/icons8_diplomacy.svg') no-repeat;
}

.icon-candidature {
    background: url('/icons8_documents.svg') no-repeat;
}

.card-icon-small {
    width: 2em;
    height: 1.5em;
    display: grid;
    place-items: center;
}

.icon-time {
    background: url('/icons8_time_1.svg') no-repeat;
}

.card-header-number {
    border-radius: 50%;
    background-color: #E1E1E1;
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    color: #6C0335;
    font-weight: 600;
}

.card-header-link {
    text-decoration: none;
    margin-left: auto;
}

.card-item {
    position: relative;
    background-color: #FFFFFF;
    box-shadow: 0px 3px 6px #00000014;
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    opacity: 1;
    width: 220px;
    height: 140px;
    padding: 1em;
    display: flex;
    flex-direction: column;
}

.card-content {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-grow: 1;
}

.card-date {
    display: flex;
    flex-grow: 2;
}

.card-item-text {
    color: #6C0335;
    font-size: 15px;
    letter-spacing: 0px;
    /*
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    */

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
}

.card-item-button {
    color: #D80669;
    background: unset;
    border: unset;
}

.card-grid {
    display: flex;
    flex-direction: column;
    max-width: 30.5em;
    flex-wrap: wrap;
}

.dashboard-grid {
    padding: 1em 3em;
    display: flex;
    flex-direction: column;
    gap: 3em;
}

@media (min-width: 769px) {
    .dashboard-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 1em;
        grid-row-gap: 6em;
    }
}

.no-underline {
    text-decoration: none;
    display: block;
}

input[type=text], input[type=email], input[type=select], select {
    border-radius: 5px !important;
}

.table-striped > tbody > tr {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000014;
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    opacity: 1;
}


.table.table-striped {
    border-collapse: separate;
    border-spacing: 0 10px;
}

.table > thead > tr > th {
    background-color: unset;
    border: unset;
}

    .table > thead > tr > th > a {
        background-color: unset;
        color: #9F9F9F;
        font-size: 13px;
        font-weight: 600
    }

.crmEntityFormView table.table td:first-child {
    font-weight: bold;
    color: #6C0335;
}

.crmEntityFormView table.table td {
    border: none;
    vertical-align: middle;
    border-radius: 4px;
}

.form-action-container-right {
    float: right;
}

body {
    padding-top: 70px; /*nécessaire quand la barre de nav principale est fixe https://getbootstrap.com/docs/3.3/components/#navbar-fixed-top*/
    font-size: 15px
}

    body[data-sitemap-state="/page-not-found/:/"] {
        padding-top: 5px; /*nécessaire quand la barre de nav principale est fixe https://getbootstrap.com/docs/3.3/components/#navbar-fixed-top*/
    }
/*Partie ELCA inchangée de v3.3 à v5.2 ========================== FIN*/

/*AQU*/
.fixed-top.navbar-dark {
    background-color: #cf0063;
    border-color: transparent;
}

#navbar .menu-bar {
    margin-right: 8em;
}

.input-group > .form-control, .input-group > .form-floating, .input-group > .form-select {
    position: relative;
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
}

/*================== AQU : grisé les input disabled et readonly START*/

.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}
/*================== AQU : grisé les input disabled et readonly END*/

/*================== AQU : checkbox alignée sur le haut et à gauche du texte START*/
td:has(div.control input[type="checkbox"]) {
    display: flex;
    align-items: flex-start;
    /*gap: 8px;*/ /*ceci pour augmenter au besoin l'espace entre la case et le texte*/
}

td > div.control:has(input[type="checkbox"]) {
    order: -1;
}
/*================== AQU : checkbox alignée sur le haut et à gauche du texte END*/

/*================== AQU : gestion breadcrumb START*/
.breadcrumb > li + li::before {
    content: "> ";
    padding: 0 5px;
    color: #666;
}
/*================== AQU : gestion breadcrumb END*/

/*================== AQU : Cacher les boutons avec la classe .hidden START*/
button.hidden {
    display: none;
}
/*================== AQU : Cacher les boutons avec la classe .hidden END*/

/*================== AQU : bien aligner la liste des filières ou la liste des modules START*/
html[dir="ltr"] .crmEntityFormView .cell div.control span.checkbox {
    float: inherit;
}
/*================== AQU : bien aligner la liste des filières ou la liste des modules END*/

/*================== AQU : taille des paragraphes dans les items de décisions START*/
div[data-wrapper='true'] p {
    font-size: 15px;
}
/*================== AQU : taille des paragraphes dans les items de décisions END*/