/* Styles pour header */
#toolbar .navbar-btn {
    background-color: rgb(193, 74, 39); /* color-mix(in srgb, #f15d31 80%, black); */
}

/* Styles pour tuiles dans zone centre */
#tiles {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin-bottom: 40px;

    & > a {
        width: 200px;
        border: 1px solid #ccc;
        border-radius: 10px;
        overflow: hidden;
        background-color: #fff;
        text-align: center;

        @media only screen and (max-width: 600px) {
            width: 100%;
        }

        & > div {
            &:first-of-type {
                margin: 20px 0;

                & > img {
                    width: 100px;
                    height: 100px;
                    object-fit: contain;
                }
            }

            &:not(:first-of-type) {
                padding: 10px;
                font-size: 15px;
                color: #222;
                border-top: 1px solid #ddd;
            }
        }
    }
}

/* Styles pour liens après tuiles : en particulier améliorer le contraste des couleurs */
.portlet-container {
    &.teinte-orange-custom.panel {
        > .panel-heading {
            background-color: rgb(227, 120, 50);
            border-color: rgb(227, 120, 50);
        }

        &.panneau-sans-bordure > .panel-body {
            background-color: rgb(227, 120, 50);
        }
    }

    &.teinte-verte-custom.panel {
        > .panel-heading {
            background-color: rgb(124, 160, 30); /* color-mix(in srgb, #8eb822 87%, black); */
            border-color: rgb(124, 160, 30);
        }

        &.panneau-sans-bordure > .panel-body {
            background-color: rgb(124, 160, 30); /* color-mix(in srgb, #8eb822 87%, black); */
        }
    }
}

/* styles partagés pour tout .panel sous .portlet-container (sans se soucier des couleurs)  */
.portlet-container.panel {
    border-width: 3px;
    border-radius: 0 19px 0 0;

    & > .panel-heading {
        border-radius: 0 13px 0 0;

        & .panel-title {
            color: white;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;

            & a:after {
                font-size: 129%;
            }
        }
    }

    &.panneau-sans-bordure {
        border-style: none;
        box-shadow: none;

        & > .panel-heading {
            margin-bottom: 9px;

            & .panel-title {
                text-align: center;
            }
        }

        & > .panel-body {
            padding: 0;
        }
    }
}

/* Styles pour footer */
.list-unstyled > li {
    font-size: 92%;
    margin: 0 0 9.5px;
    display: block;
}

.d-flex > .mentions > div {
    display: block;
    margin: 0 0 9.5px;
}

.footer-mentions {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.d-md-flex {
    justify-content: center;
}

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

    .footer-flex {
        flex-direction: column;
        padding: 10px 0;
    }

    .footer-mentions {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        padding-bottom: 10px;
    }

    .footer-gar {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .copyright {
        padding: 0 10px;
    }
}

.toolbar-2020 .btn-primary {
    background-color: #4F7B9F;
}

.toolbar-2020 .navbar-nav>li>a,.toolbar-2020 .navbar-nav>li>.btn-link,.toolbar-2020 .navbar-nav>li>#uci_link {
    color: #EAF3FA;
}

.portlet-container .portlet-header {
    background-color: #507392;
}

.ml-header {
    margin-bottom: 0;
    background-color: transparent;
    img {
        margin: 0;
    }
}

.ml-table {
    margin-bottom: 3rem;
    max-width: 1381px;

    .ml-td-gar {
        padding-left: 20px;
    }
}

@media only screen and (max-width: 768px) {
    .ml-table img {
        max-width: 100%;
        min-width: 150px;
    }
}

.bold-text {
    font-weight: bold;
}

body, main {
    overflow: visible;
}