#main-composition {
    font-family: var(--font-family);
}
#main-composition .main_color0 {
    color: var(--primary-color);
}
#main-composition .main_color1 {
    color: var(--secondary-color);
}
#main-composition .main_color2 {
    color: var(--tertiary-color);
}
#main-composition .maincontainer .btn {
    background: var(--primary-color);
    color: var(--button-font-color);
    border-radius: var(--button-border-radius);
    border: none;
}
#main-composition .h1,
#main-composition .h2,
#main-composition .h3,
#main-composition .h4,
#main-composition .h5,
#main-composition .h6,
#main-composition h1,
#main-composition h2,
#main-composition h3:not(.menu-sequence-page-title),
#main-composition h4,
#main-composition h5,
#main-composition h6,
#main-composition p {
    font-family: var(--font-family);
    color: var(--font-color);
}
#main-composition h1 {
    font-family: var(--h1-font-family);
    font-size: var(--h1-font-size);
    line-height: var(--h1-line-height);
}
#main-composition h2 {
    font-family: var(--h2-font-family);
    font-size: var(--h2-font-size);
    line-height: var(--h2-line-height);
}
#main-composition h3:not(.menu-sequence-page-title) {
    font-family: var(--h3-font-family);
    font-size: var(--h3-font-size);
    line-height: var(--h3-line-height);
}
#main-composition h4 {
    font-family: var(--h4-font-family);
    font-size: var(--h4-font-size);
    line-height: var(--h4-line-height);
}
#main-composition h5 {
    font-family: var(--h5-font-family);
    font-size: var(--h5-font-size);
    line-height: var(--h5-line-height);
}
#main-composition h6 {
    font-family: var(--h6-font-family);
    font-size: var(--h6-font-size);
    line-height: var(--h6-line-height);
}
#main-composition p {
    font-family: var(--p-font-family);
    font-size: var(--p-font-size);
    line-height: var(--p-line-height);
}

.line_theme1 {
    background: var(--line-theme1);
}
.line_theme2 {
    background: var(--line-theme2);
}
.line_theme3 {
    background: var(--line-theme3);
}
.line_theme4 .line_overlay {
    background: var(--line-theme4);
}

.temoignage,
.temoignage p,
.temoignage h4 {
    color: var(--font-color);
}
.temoignage h4 {
    font-weight: bold;
}

.multilevelpushmenu_wrapper h2,
.multilevelpushmenu_wrapper h2.home {
    background: var(--primary-color);
}
.multilevelpushmenu_wrapper li.active {
    background-color: var(--primary-color);
}
.multilevelpushmenu_wrapper li:hover {
    background-color: var(--primary-color);
}
.multilevelpushmenu_wrapper li.page > a:before {
    border-color: var(--primary-color);
}
.multilevelpushmenu_wrapper li.page > a i {
    color: var(--primary-color);
}
.multilevelpushmenu_wrapper .backItemClass {
    background: var(--primary-color);
}
.multilevelpushmenu_wrapper > .levelHolderClass h2.home:before {
    border-color: var(--primary-color-border);
}
.multilevelpushmenu_wrapper .backItemClass a:before {
    border-color: var(--primary-color-border);
}
#multilevelmenu2 li a i {
    color: var(--primary-color);
}
#multilevelmenu2 li a:before,
#multilevelmenu2 li a.menu-page:before,
.row.collapsed .multilevelpushmenu_wrapper li.module > a:before,
.row.collapsed .multilevelpushmenu_wrapper li.module > a i {
    color: var(--primary-color);
    border-color: var(--primary-color);
}

.countdown-timer-style-4 .countdown-section {
    border-color: var(--primary-color);
}
.countdown-timer-style-4 .countdown-amount {
    border-bottom-color: var(--primary-color);
}

#main-composition .comments #addCommentForm a {
    color: var(--primary-color);
}

.header-progression .formation-progress i, .header-progression .formation-time i {
    color: var(--primary-color);
}

.menu-prev-link .precedent a,
.menu-next-link .suite a {
    color: var(--primary-color);
    border: 2px solid var(--primary-color);
}

.module-page .module .progress .progress-bar.progress-bar-success,
.progress-bar.progress-bar-success  {
    background-color: var(--primary-color);
}

#formationshop_template1 .formation:hover,
#formationshop_template2 .formation:hover {
    box-shadow: 0 1px 3px rgb(0 0 0 / 6%);
}

.footer-social .social,
.formation-builder #footer .copyright .social {
    background-color: var(--primary-color);
}

.left-avatar .btn-success,
.left-avatar .btn-success:hover {
    background-color: var(--primary-color);
}

.choix-formation .btn-primary,
.choix-formation .btn-primary:hover {
    background-color: var(--primary-color);
}

body,
.navbar.navbar-top .navbar-inner {
    background: var(--background-color);
}

body div.index {
    background: url('../../../../../../themes/builder/mastertheme7/miscellaneous/formation-background.jpg');
}

.index-container {
    background: none;
}

.formation-builder #footer,
#line-footer #footer {
    background: #354463;
}

@media (max-width: 767px) {
    #main-composition h1 {
        font-size: var(--h1-font-size-mobile);
        line-height: var(--h1-line-height-mobile);
    }
    #main-composition h2 {
        font-size: var(--h2-font-size-mobile);
        line-height: var(--h2-line-height-mobile);
    }
    #main-composition h3 {
        font-size: var(--h3-font-size-mobile);
        line-height: var(--h3-line-height-mobile);
    }
    #main-composition h4 {
        font-size: var(--h4-font-size-mobile);
        line-height: var(--h4-line-height-mobile);
    }
    #main-composition h5 {
        font-size: var(--h5-font-size-mobile);
        line-height: var(--h5-line-height-mobile);
    }
    #main-composition h6 {
        font-size: var(--h6-font-size-mobile);
        line-height: var(--h6-line-height-mobile);
    }
    #main-composition p {
        font-size: var(--p-font-size-mobile);
        line-height: var(--p-line-height-mobile);
    }
}

.builder.mobile #main-composition h1 {
    font-size: var(--h1-font-size-mobile);
    line-height: var(--h1-line-height-mobile);
}
.builder.mobile #main-composition h2 {
    font-size: var(--h2-font-size-mobile);
    line-height: var(--h2-line-height-mobile);
}
.builder.mobile #main-composition h3 {
    font-size: var(--h3-font-size-mobile);
    line-height: var(--h3-line-height-mobile);
}
.builder.mobile #main-composition h4 {
    font-size: var(--h4-font-size-mobile);
    line-height: var(--h4-line-height-mobile);
}
.builder.mobile #main-composition h5 {
    font-size: var(--h5-font-size-mobile);
    line-height: var(--h5-line-height-mobile);
}
.builder.mobile #main-composition h6 {
    font-size: var(--h6-font-size-mobile);
    line-height: var(--h6-line-height-mobile);
}
.builder.mobile #main-composition p {
    font-size: var(--p-font-size-mobile);
    line-height: var(--p-line-height-mobile);
}

.builder.mobile #main-composition .formation-builder {
    background: var(--background-color);
}