/* ===============================================
    Colors and backgrounds
    =============================================== */

.color-dark-blue {
    color: #37398E !important;
}

.bg-dark-blue {
    background-color: #37398E !important;
}

.bg-dark-blue.btn:hover {
    background-color: #37398E !important;
    color: white;
}

.bg-blue {
    background-color: #6497d3 !important;
}

.color-light-green {
    color: #9AC95F !important;
}

.bg-light-green {
    background-color: #9AC95F !important;
}

.bg-light-green.btn:hover {
    background-color: #9AC95F !important;
    color: white;
}

.color-green {
    color: #63B450 !important;
}

.bg-green {
    background-color: #63B450 !important;
}

.bg-green.btn:hover {
    background-color: #63B450 !important;
    color: white;
}

.color-white {
    color: #FFFFFF !important;
}

.bg-light-grey {
    background-color: rgb(242, 242, 242);
}

.bloc-border {
    border-color: rgb(64, 192, 255)
}

.bloc-border .bottom-part > * {
    margin: 0 15px;
    padding: 15px;

}

.bloc-border .bottom-part > *.btn {
    color: #ffffff;
    font-size: 20px;
    text-transform: none;
}


.all-sequences {
    gap: 3rem;
}

.all-sequences > .sequence-bloc {
    flex: 1;
    min-height: 320px;
}
@media screen and (max-width: 768px) {
    .all-sequences > .sequence-bloc {
        min-height: auto;
    }
}

.all-sequences > .sequence-bloc > .image-seq-bloc {
    width: 100%;
    height: 60%;
    min-height: 190px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.all-sequences > .sequence-bloc > .text-seq-bloc {
    padding: 2rem;
    color: #FFFFFF;
}
.all-sequences > .sequence-bloc > .text-seq-bloc > h4 {
    margin-bottom: 5px;
}

.pui-seville-bloc{
    /*display: flex;*/
    /*flex-direction: row;*/
    /*align-items: center;*/
    /*column-gap: 3rem;*/
    gap: 3rem;
    margin-bottom: 5rem;
}

.pui-seville-bloc > .image-pui-bloc {
    max-width: 300px;
}

.pui-seville-bloc > .image-pui-bloc-flex {
    display: flex;
    align-items: center;
    column-gap: 2rem;
}
.pui-seville-bloc > .image-pui-bloc-flex > img {
    height: 150px;
    margin: 0 auto;
}

.pui-seville-bloc > .text-pui-bloc {
    flex: 1;
}

.bg-image-bloc{
    background-image: url("/AngularAppFiles/images/ecotechInnov/Image conférence - site CNRS.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.infos-pratiques {
    /*display: flex;*/
    /*flex-direction: row;*/
}

.infos-pratiques > .info-item {
    flex: 1;
    padding: 4rem;
    display: flex;
    flex-direction: column;
    row-gap: 5rem;
}

.fw-black {
    font-weight: 900;
}

p {
    font-size: 1.05em;
}

a {
    color: #6497d3;
}

.section-heading {
    color: #000000;
}

.btn .material-icons {
    vertical-align: middle;
    padding-right: 15px;
}

ul.checkList {
    list-style-type: none;
}

ul.checkList li::before {
    content: "✓";
    font-weight: bold;
    margin-right: 5px;
    color: #37398E;
}

.footer-pane {
    background-color: #37398E;
}

.footer-nav {
    margin-bottom: 0;
}

.footer-nav > ul > li > a:hover {
    color: #9AC95F;
}

.footer-bottom a:hover {
    text-decoration: underline;
    color: #9AC95F;
}

#to-top:hover {
    background: #63B450;
}

header {
    position: relative;
    background-color: #37398E;
    padding: 0;
}

header > div > .row {
    margin-bottom: 0;
}

.header-clone{
    background-color: #37398E;
}

#nav-menu-trigger {
    background-color: #37398E;
    color: #fff;
}

#nav-wrapper {
    background-color: #37398E !important;
    color: #fff;
}

#nav-wrapper .main-nav li a, .secondary-nav li a {
    color: #fff;
}

/*******************************************************************************
CSS BLOC TARIFS (TAB PILLS)
*******************************************************************************/
.nav-tabs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    border-bottom: none;
}

.nav-tabs a {
    background-color: #ffffff;
    flex: 1;
    display: flex;
    align-items: center;
    font-size: 15px;
    padding: 10px;
    border-radius: 0.25rem;
    margin-right: 5px;
    font-weight: bold;
    color: #000000;
}

.nav-tabs a:hover {
    color: rgb(47, 85, 151);
    /*background-color: #12bf3a26;*/
}

.nav-tabs a:not(:last-of-type) {
    margin-bottom: 5px;
}

.nav-tabs a.active {
    color: rgb(47, 85, 151);
    /*background-color: #12bf3a26;*/
    border-left: 3px solid rgb(47, 85, 151);
    min-width: 300px;
}

.tab-content {
    background-color: #ffffff;
    margin-top: 0;
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.flex-fill {
    flex: 1;
}

.flex-column {
    flex-direction: column;
}

.align-items-center {
    align-items: center;
}

.buttons-bloc {
    display: flex;
    align-items: center;
    justify-content: center;
}

.buttons-bloc a {
    display: flex;
    margin: 10px;
    text-align: left;
}


@media (max-width: 767px) {
    .tarifs {
        flex-direction: column;
    }

    .tab-content {
        margin-top: 10px;
    }

    .tab-content .tab-pane > .d-flex {
        flex-wrap: wrap !important;
    }

    .tab-content .tab-pane > .d-flex > .flex-fill {
        flex: auto;
    }

    .tab-content .tab-pane > .d-flex > .flex-fill:not(.no-margin):last-of-type {
        margin-top: 15px;
    }

    .buttons-bloc {
        display: block;
    }
}