[data-bs-theme=light] {
    --color-pagetitle: #cab57b;
    --color-pagetitle-secondary: #cab57b;
    --color-solution-title: #003366;
    --bg-solution-description: #666666;
    --bg-solution-date-small: black;
    --color-solution-date-small: white;
    --color-solution-link-download: #012350;
}

body {
    background: var(--bg-main) url(/Images/bg-nav-solution.png) center top/100% 280px no-repeat;
}

header {
    background: var(--bg-nav) url(/Images/bg-nav-solution-small.png) center top/100% 80px no-repeat;
}

    header nav {
        background-color: transparent;
    }

main .PageTitle {
    color: var(--color-pagetitle);
}

main .PageSecondarytitle {
    color: var(--color-pagetitle-secondary);
}

main #divSolutionList a.Image,
main #divSolution a.Image {
    background-repeat: no-repeat;
    background-position: center;
    /*background-size: 100% 100%;*/
    background-size: contain;
}

    main #divSolutionList a.Image:hover,
    main #divSolution a.Image:hover {
        transform: scale(1.1);
        transition: all .2s linear;
    }

@media (min-width: 0px) {
}

@media (min-width: 576px) {
}

@media (min-width: 992px) {
}

main #divSolutionList div.TitleMargin,
main #divSolution div.TitleMargin {
    height: 200px;
}

main #divSolutionList .List .row.item {
    min-height: 140px;
    background-color: white;
}

    main #divSolutionList .List .row.item .picture {
        min-height: 320px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }
    main #divSolutionList .List .row.item .description {
        line-height:2em;
    }

main #divSolutionList .List .row .title,
main #divSolutionList .List .row .title a,
main #divSolutionList .List .download a,
main #divSolution .detail .download a {
    color: var(--color-solution-title);
    white-space: nowrap;
    text-overflow: ellipsis;
    text-decoration: none;
}

    main #divSolutionList .List .row .title a:hover,
    main #divSolutionList .List .download a:hover,
    main #divSolution .detail .download a:hover {
        text-decoration: underline;
    }

main #divSolutionList .List .row .download a,
main #divTechnical .detail .download a {
    color: var(--color-solution-link-download);
}

main #divSolutionList .List .row .description {
    color: var(--bg-solution-description);
}

main #divSolution .date.big,
main #divSolution .date.small {
}

main #divSolution .date.small {
    background-color: var(--bg-solution-date-small);
    color: var(--color-solution-date-small);
    text-align: justify;
    text-align-last: justify;
}
article {
    line-height: 2em;
}