@font-face {
    font-family: 'Block Berthold';
    font-style: normal;
    font-weight: 400;
    src: url('/Content/fonts/Block Berthold/bbc.eot'); /* IE9 Compat Modes */
    src: url('/Content/fonts/Block Berthold/bbc.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/Content/fonts/Block Berthold/bbc.woff2') format('woff2'), /* Super Modern Browsers */
    url('/Content/fonts/Block Berthold/bbc.woff') format('woff'), /* Pretty Modern Browsers */
    url('/Content/fonts/Block Berthold/bbc.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/Content/fonts/Block Berthold/bbc.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'Flame';
    font-style: normal;
    font-weight: 400;
    src: url('/Content/fonts/Flame/Flame-Regular.eot'); /* IE9 Compat Modes */
    src: url('/Content/fonts/Flame/Flame-Regularc.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/Content/fonts/Flame/Flame-Regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('/Content/fonts/Flame/Flame-Regular.woff') format('woff'), /* Pretty Modern Browsers */
    url('/Content/fonts/Flame/FlameRegular.otf') format('truetype'), url('/Content/fonts/Flame/Flame-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/Content/fonts/Flame/Flame-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}


@font-face {
    font-family: 'FF_DIN_Pro';
    font-style: normal;
    font-weight: 400;
    src: url('/Content/fonts/FF_DIN_Pro/DIN.eot'); /* IE9 Compat Modes */
    src: url('/Content/fonts/FF_DIN_Pro/DIN.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/Content/fonts/FF_DIN_Pro/DIN.woff2') format('woff2'), /* Super Modern Browsers */
    url('/Content/fonts/FF_DIN_Pro/DIN.woff') format('woff'), /* Pretty Modern Browsers */
    url('/Content/fonts/FF_DIN_Pro/DIN.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/Content/fonts/FF_DIN_Pro/DIN.svg#svgFontName') format('svg'); /* Legacy iOS */
}

*:not(i):not(.glyphicon) {
    font-family: 'FF_DIN_Pro', sans-serif !important;
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    color: #303030;
}

body {
    /*display: table;*/
    width: 100%;
}

#scormContainer {
    height: auto !important;
}

#mainDashboard, .loginBox .loginBoxForm {
    background-color: #FCFCFC !important;
}

.ThirdBackgroundColor, .widget h2 {
    background-color: #743C2F;
}

#mainDashboard .title-18 {
    font-size: 22px !important;
    color: #743C2F;
    font-family: 'Block Berthold' !important;
    font-family: 'Flame' !important;
    letter-spacing: 2px;
    text-transform: uppercase;
}

#mainDashboard .title-30 {
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 600 !important;
    font-family: 'Block Berthold' !important;
    font-family: 'Flame' !important;
    letter-spacing: 5px;
    line-height: 40px;
}

.header_container .FAIcon span {
    font-family: 'Block Berthold' !important;
    font-family: 'Flame' !important;
    font-size: 40px;
    text-transform: uppercase;
}

.header_container .header_profile span {
    /* font-family: 'Block Berthold' !important; */
    font-size: 18px;
    font-weight: normal;
}

.header_container .profil a:hover {
    text-decoration: none;
}

.header_container .navigleft a {
    transition: transform .2s;
}

    .header_container .navigleft a:hover, .header_container .navigleft .searchHeaderBK:hover {
        text-decoration: none !important;
        transform: scale(1.5) !important;
    }

a {
    color: #743C2F !important;
}

    a:hover, a:focus, a:active, a.actionColor:hover {
        color: #d52300 !important;
        opacity: 1.0;
        text-decoration: underline;
        transition: 400ms;
    }

.resourceItem .resource-title span, #lRemember, .pager span a, .e-tipi-nav .active a, .actionColor, #pageRessource .btnAction, #pageArticle .btnAction {
    color: #d52300 !important;
}

.pager span a {
    color: #743C2F !important;
}

.scormLessonStatus a:focus {
    color: #fff !important;
}

#pageRessource .sessionContainer .thumbnail .bandeauDate, #sessionDetail .bandeauDate {
    font-size: 14px;
}

#lRemember, .resourceItem .vignette-star i {
    color: #303030 !important;
}

#tForgetPassword {
    color: #d52300 !important;
}

.sweet-alert button.confirm, .qq-upload-button, #bootstrapDatatable_wrapper #bootstrapDatatable tbody tr:hover, #bootstrapDatatable_wrapper a.paginate_button.current, #bootstrapDatatable_wrapper .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.next):not(.previous), .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background-color: #d52300 !important;
}

#searchPage label, .mainTextColor, #footer a:hover, #footer .fab:hover, #menuId .thirdTextColor:hover, h1, label, .login h1, .login input[type=text], .login input[type=password] {
    color: #303030 !important;
}

.mainBackgroundColor, #searchPage .btnSearch, #pageRessource .sessionContainer .btnSeeMore, .userInformationsLine, .list_display .choice_btn_select, .choice_btn_select:hover, .confirm, .dropdown_profil a:hover, .importButton, .classicButton, .submitButton {
    background-color: #d52300 !important;
}

#backOfficeButton.mainBackgroundColor {
    background-color: #d52300 !important;
    transition: 400ms;
}

    #backOfficeButton.mainBackgroundColor:hover {
        background-color: #d52300 !important;
    }


#searchPage .btnSearch:hover {
    background-color: #d52300 !important;
    transition: 400ms;
}

.list_display .choice_btn_select {
    background-color: #303030 !important;
}

.importButton, .classicButton, .submitButton, .dropdown_profil a:hover, .backgroundActionColor a {
    color: white !important;
}

#searchPage .input-group-addon {
    background-color: #303030 !important;
    border-color: #303030 !important;
}

.chiller_cb input:checked ~ span {
    background: #d52300;
    border-color: #d52300;
}

.header_small .logo {
    width: 250px !important;
}

.logo {
    width: 200px;
}

.mainButtonBackgroundColor, .mention-area .highlight a.mentiony-link {
    background-color: #d52300;
}

.rowWelcomeCard {
    display: flex;
    align-items: center;
}

.btnDashboardRight {
    height: 85%;
    background-color: #d52300;
    align-items: center;
}

.firstSilderDahsboard {
    min-height: 200px;
}

.btnDashboardRight a {
    color: #FFF !important;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Block Berthold' !important;
    font-family: 'Flame' !important;
}

.btnDashboardRight i {
    color: #FFF !important;
}

.rowWelcomeCard .thumbnail, #pageArticle .articleContainer .articleMainTitle span {
    background-color: #743c2f;
}


#MainLoader {
    border: none;
    background-image: url('../../images/vectorlogo.png') !important;
    animation: spin 4s infinite linear;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 0;
    width: 190px;
    height: 190px;
    filter: brightness(106%);
}

.componentSpinner {
    border-color: #743C2F transparent #743C2F transparent;
}

#profilDashboard .nav-pills .active a {
    padding-bottom: 10px;
    margin-top: 15px;
}

#mainDashboard .title-30, #mainDashboard .title-25, .rowWelcomeCard .font-18 {
    color: #743C2F;
}

.rowWelcomeCard .font-18 {
    text-transform: uppercase;
    font-size: 18px;
    line-height: 25px;
    color: #303030 !important;
    font-family: 'Block Berthold' !important;
    font-family: 'Flame' !important;
}

.e-tipi-nav .active {
    border-bottom: 3px solid #d52300;
}

.themeBK {
    width: 100%;
    height: 187px;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    display: flex;
    align-items: center;
    background-position: center;
}

    .themeBK .hoverColor {
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: #743C2F;
        opacity: 0.7;
        cursor: pointer;
    }

    .themeBK label {
        display: none;
        color: white !important;
        font-size: 16px;
        text-align: center;
        position: absolute;
        width: 100%;
        text-transform: uppercase;
        font-family: 'Block Berthold' !important;
        font-family: 'Flame' !important;
        font-weight: 100;
    }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .themeBK .hoverColor {
        margin-top: -19%;
        position: absolute;
        width: 100%;
        height: 103%;
        background-color: #743C2F;
        opacity: 0.7;
    }

    .themeBK label {
        color: white !important;
        font-size: 16px;
        text-align: center;
        position: relative;
        width: 100%;
        text-transform: uppercase;
        font-family: 'Block Berthold' !important;
        font-family: 'Flame' !important;
        font-weight: 100;
    }
}

.header .navigleft {
    position: absolute;
    left: 300px;
    top: 50%;
    transform: translateY(-53%);
    color: #d52300;
    display: flex;
    align-items: center;
}

.header_small .navigleft {
    left: 300px;
}

.backgroundGreyColor {
    background-color: #FCFCFC !important;
}

#footerLearn {
    /*display: table-row;*/
    border-bottom: 10px solid #d52300;
}

.backgroundFooter {
    background-color: #fff !important;
    /*border-bottom: 10px solid #743c2f;*/
    /*width:99vw !important;*/
}

    #footerLearn a, .backgroundFooter a, .backgroundFooter div, .backgroundFooter .thirdTextColor {
        color: #303030 !important;
        font-size: 14px;
    }

#footerLearn .shareMenuItemHover i {
    font-size: 24px;
}

.articleContainer a /*, #pageRessource a:not(.classicButton) */ {
    color: #d52300 !important;
}

.iconFA {
    font-size: 18px;
    font-weight: bold;
}

.resourceItem .topIcons {
    background-color: #fff !important;
}

    .resourceItem .topIcons span {
        margin-right: 0px !important;
        color: #743C2F !important;
    }

.header_profile {
    color: #d52300 !important;
}

.margin-left50 {
    margin-left: 50px;
}

#pageRessource .globalKPIRessource {
    background-color: #743C2F;
    color: #fff !important;
}

#pageRessource .btnDemande {
    padding: 10px 25px;
    background-color: #743C2F;
    color: #fff !important;
    margin-top: 10px;
    border-radius: 3px;
    width: 100%;
    display: block;
    text-align: center;
    font-weight: bold;
}

#profilPage .mainBackgroundColor {
    background-color: #743C2F !important;
}

.fullMVC #presentationContainer, #profilPage {
    background-color: #fff !important;
}

#pageRessource .floatUserBar .mainBackgroundColor {
    background-color: #fff;
    color: #fff !important;
    border: 1px solid #743C2F;
}

#pageRessource .floatUserBar {
    /*background-color: #743C2F !important;*/
}

#pageRessource .adminBarRessource, #pageRessource .btnAction:hover, #pageArticle .btnAction:hover, .backgroundActionColor, .loginBox .btn-login, .loginBox .btn-login:hover {
    background-color: #d52300 !important;
    color: #fff !important;
}

    #pageRessource .adminBarRessource:hover {
        background-color: #d52300 !important;
        opacity: 1.0;
        transition: 400ms;
    }

    .loginBox .btn-login, .loginBox .btn-login:hover {
        background-color: #d52300 !important;
        color: #fff !important;
        font-family: 'Block Berthold' !important;
        font-family: 'Flame' !important;
        font-size: 17px;
        font-weight: 100;
    }

button {
    font-family: 'Block Berthold' !important;
    font-family: 'Flame' !important;
    text-transform: uppercase !important;
    font-size: 17px;
    font-weight: 100;
}

.loginBox .input-group-addon {
    background-color: #743C2F !important;
    color: #fff !important;
    border-color: #743C2F !important;
}

.loginBox .loginBoxLogo {
    border: 2px solid #743C2F;
}

#dashboarArticles .square {
    padding: 5px;
}

    #dashboarArticles .square span {
        background-color: #743C2F;
        color: white;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 400;
        padding: 10px;
        font-family: 'Block Berthold' !important;
        font-family: 'Flame' !important;
    }

        #dashboarArticles .square span.articleCreationDate {
            font-family: FF_DIN_Pro !important;
            padding: 5px;
            font-size: 14px;
        }

    #dashboarArticles .square .square-title {
        position: inherit;
        bottom: 20px;
        right: -15px;
        text-align: right
    }

#pageArticle .articleContainer .articleMainTitle span {
    padding: 10px;
}

.logoFooterBK {
    position: absolute;
    right: 0px;
    height: 110%;
}

    .logoFooterBK img {
        height: 105%;
    }

.resourceItem {
    border: 1px solid #dadada;
    transition: 400ms;
}

    .resourceItem .resourceImage {
        background-color: #fff;
        border: 1px solid #eee;
    }

    .resourceItem .resource-title {
        font-size: 14px;
        position: initial !important;
        max-width: 100%;
        padding: 5px;
        height: 60px !important;
        overflow: hidden;
        font-weight: bold;
        transition: 400ms;
        border: 1px solid #fff;
        border-top: 0;
        background-color: #fff;
    }

        .resourceItem .resource-title span {
            color: #303030 !important;
            transition: 200ms;
            background-color: transparent;
            text-transform: initial;
            width: 100%;
            text-align: center;
            display: flex;
            line-height: inherit;
            height: 100%;
            justify-content: center;
            align-items: center;
        }



    .resourceItem:hover {
        border: 1px solid #303030;
        opacity: 1.0;
    }

        .resourceItem:hover .resource-title {
            background-color: #d52300;
            color: #fff;
        }

            .resourceItem:hover .resource-title span {
                color: #fff !important;
                background-color: transparent;
            }



    .resourceItem .mainImage {
        height: auto;
    }

.emptySlide {
    height: 239px;
    background-color: #fff !important;
}

.loginBoxForm .fas, .input-group i {
    color: white;
}



.loginBox .imageLogo {
    width: 430px;
    margin-top: 20%;
}

.header .logo {
    width: 250px !important;
}


.header_small .logo {
    width: 250px !important;
}

.btnDashboardBK {
    padding: 12px 10px;
    margin: 10px 0px;
    background-color: #d52300;
    border: 2px solid white;
}

.btnDashboardRight {
    background-color: white;
    width: 23%;
    margin-left: 2%;
    padding: 0;
    margin-top: 5px;
}



.btnDashboardBK {
    padding: 11px 30px;
    margin: 0px;
    border: 0px solid white;
    width: 100%;
    background-color: #d52300 !important;
    border-bottom: 20px solid white;
    transition: 400ms;
}

    .btnDashboardBK:hover {
        background-color: #d52300 !important;
        cursor: pointer;
    }



.btnDashboardRight a {
    font-size: 20px;
    line-height: 18px;
}



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

.submitButton:hover, .classicButton:hover, .themeButton:hover {
    color: white !important;
}

.modal .modal-header {
    background-color: #743C2F !important;
    color: #fff !important;
}

#articlePopupModal .modal-title {
    font-family: 'Block Berthold' !important;
    font-family: 'Flame' !important;
    text-transform: uppercase !important;
    color: #743C2F;
}

.backgroundBlackColor {
    background-color: #303030;
}

.validationColor {
    color: #d52300;
}

.modal-header .close {
    color: white !important;
}

.actionColorHover:hover {
    color: #d52300 !important;
    text-decoration: none;
}

.contentArticlePU {
    font-weight: 600;
}

#loginPage .labelLogin {
    color: #d52300 !important;
    font-size: 20px;
    font-family: 'Block Berthold' !important;
    font-family: 'Flame' !important;
    font-weight: 200;
    margin-top: 20px;
    text-transform: uppercase;
}

#zContainerLogin .loginBoxAccroche {
    width: 100%;
    position: inherit;
    margin-top: 10px;
    margin-bottom: 40px;
}

    #zContainerLogin .loginBoxAccroche span {
        background-color: white !important;
        /*font-family: 'Block Berthold' !important;*/
        color: #743C2F;
        font-weight: 400;
        font-size: 30px;
        text-transform: inherit;
        line-height: inherit;
    }

.loginPanel {
    height: 100vh;
}

/*.loginBackground {
    background-image: url('../../images/BKLoginBackground.jpg');
    background-position: center;
    height: 100vh;
    margin-top: 0px !important;
    background-repeat: no-repeat;
    background-size: cover;
}*/

@media (max-width:500px) {
    .btnDashboardRight {
        width: 90%;
        margin-left: 5%;
    }

    .rowWelcomeCard {
        display: block;
        text-align: center;
    }

        .rowWelcomeCard .title-30 {
            margin-bottom: 20px;
        }

        .rowWelcomeCard .thumbnail {
            display: flex;
        }

    #webformHeader .logo {
        top: 15px !important;
        left: 10px !important;
        width: 97px !important;
    }

    .header_container .navigleft a {
        transition: transform .2s;
        font-size: 10px;
        margin-right: 7px;
        margin-left: 7px !important;
    }

    .header_container .header_profile span {
        display: none;
    }

    .header .navigleft {
        left: 120px;
    }

    .header_container .FAIcon span {
        font-family: 'Block Berthold' !important;
        font-family: 'Flame' !important;
        font-size: 25px;
        text-transform: uppercase;
    }

    .fullMVC #presentationContainer {
        margin-top: 90px;
    }

    .sudoSliderContainer {
        width: 95%;
    }

    #footerLearn {
        height: auto;
        text-align: center;
    }

    #dashboarArticles {
        margin: 0px;
    }

        #dashboarArticles .sudoSliderContainer {
            width: 100%;
        }

    #footerLearn a {
        display: contents;
    }

    #webformHeader .dropdown-content {
        left: -70px;
    }

    .loginBox .imageLogo {
        width: 300px;
        margin-top: 10%;
    }

    #zContainerLogin .loginBoxAccroche span {
        font-size: 20px;
    }
}

@media (max-width:1000px) {
    .loginPanel {
        height: 100vh;
    }

    .loginBox img {
        margin-top: 10%;
    }

    .loginBox {
        height: 100%;
    }
}

.promotionMaster {
    color: lightgray !important;
}

.classicButton a {
    color: white !important;
}

.spoc-widget-progression > .spoc-widget-progression-fg {
    background-color: #d52300 !important;
}

.spoc-widget-progression > .spoc-widget-progression-bg {
    background-color: #eee !important;
}



.backgroundBlurResource {
    background-size: cover;
    background-position: center;
    height: 372px;
    filter: brightness(50%) blur(3px);
    margin-left: -80px;
    padding-left: 80px;
    margin-right: -80px;
    padding-right: 80px;
    background-color: #743C2F;
    background-image: none !important;
}

.borderCleanBanner {
    position: absolute;
    width: 115%;
    height: 395px;
    border: 16px solid #F5F3F0;
    left: -87px;
    top: -10px;
}

#pageRessource .floatUserBar {
    position: fixed;
    bottom: auto;
    right: auto;
    height: auto;
    padding: inherit;
    background-color: #ffffff;
    color: #1d1d1b;
    font-weight: bold;
    padding-left: 0px;
    box-shadow: none;
    font-size: 12px;
    z-index: 10;
    width: 350px;
    top: 240px;
    margin-left: 100px;
    padding-right: 0px;
    transition: 400ms;
}

@media (max-width:1200px) {
    #pageRessource .floatUserBar {
        width: 275px;
    }
}

.maskShadow, .maskShadow2 {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(30,30,30,0) 60%, rgba(30,30,30,0.6) 100%);
}

.maskShadow2 {
    linear-gradient(0deg, rgba(15,58,98,0) 40%, rgba(0,0,0,0.6) 100%);
}

/*.classicButton {
        width: 165px;
        text-align: center;
        position: absolute;
        top: -10px;
        border: 10px solid #fff;
        color: #fff !important;
        font-size: 14px;
        text-transform: uppercase;
    }
        */
.classicButton:hover, .mainButtonBackgroundColor:hover {
    background-color: #d52300 !important;
    opacity: 1.0;
    transition: 400ms;
}

.classicButton.communityLink, .classicButton.sessionRequest, .classicButton.linkToExternalTraining {
    position: initial;
    width: 400px;
}

.linkToExternalTraining {
    padding: 4px 9px !important;
}

#pageRessource {
    padding-top: 100px;
    background-color: #f3f3f3;
}

    #pageRessource .adminBarRessource {
        background-color: #743C2F;
    }

.arianeLink {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-family: 'Block Berthold' !important;
    font-family: 'Flame' !important;
    font-weight: 100;
}

    .arianeLink .hoverLink {
        color: #743C2F !important;
    }

.headerResourceInfo {
    position: absolute;
    top: 0px;
    left: -15px;
}

#presentationContainer .font42 {
    font-size: 42px;
    font-family: 'Block Berthold' !important;
    font-family: 'Flame' !important;
    margin-top: 50px;
    text-transform: uppercase;
    color: #fff;
    margin-top: 0px !important;
    text-align: left;
    padding-left: 10px;
}


#previewModalityLoader {
    border: 32px solid #f3f3f3;
    border-top: 32px solid #743C2F;
}

#commentZone .commentForm {
    padding: 15px 15px 0;
    background-color: #fff;
}

.commentStyle a {
    color: #743C2F !important;
}

    .commentStyle a:hover, .commentStyle a:focus, .commentStyle a:active {
        color: #d52300 !important;
        opacity: 1.0;
        transition: 400ms;
    }

.sessionContainer {
    width: 100%;
    padding: 0px;
}

    .sessionContainer .margin-bot-30 {
        margin-bottom: 0px !important;
    }

#pageRessource .sessionContainer .thumbnail {
    position: relative;
    height: 200px;
    box-shadow: 2px 2px 4px #bababa;
    border-radius: 3px 3px 20px 20px;
}

#pageRessource .pieceJointe, #pageArticle .pieceJointe {
    height: 60px;
    background-color: transparent !important;
    width: 100%;
    box-shadow: none;
    position: relative;
    margin-top: 10px;
    font-size: 16px;
}

.pieceJointe .text-truncate {
    /* color: #001B31 !important;*/
}

.pieceJointe a:hover {
    text-decoration: none !important;
}

.pieceJointe .fa-arrow-to-bottom {
    color: #743C2F !important;
}

    .pieceJointe .fa-arrow-to-bottom:hover {
        opacity: 0.7;
        color: #743C2F !important;
    }

.floatscroll {
    top: 120px;
    transition: 400ms;
}

.headerResourceInfo {
    color: #fff;
}

.font14 {
    font-size: 14px;
}

.sessionContainer a.actionColor {
    font-size: 14px;
}

#pageRessource .ressourceContainer .tags {
    float: left;
}

#scormContainer .scormLessonStatus .classicButton {
    top: 7px;
    right: 20px;
    border: 0;
    padding: 10px 20px;
}

.userInformationsLine {
    background-color: #743C2F !important;
    height: 50px;
}

    .userInformationsLine .avatar-normal {
        width: 40px;
        height: 40px;
    }

    .userInformationsLine .backgroundGrayColor.border-radius-90 {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }

    .userInformationsLine .padding-10.white-color.margin-top-15.cleft {
        padding-top: 0px !important;
    }

#scormContainer h1 {
    margin-top: 0px;
    margin-bottom: 30px;
    font-family: 'Block Berthold' !important;
    font-family: 'Flame' !important;
    font-size: 36px;
    font-weight: normal;
    text-transform: uppercase;
}

#scormContainer .lessonTitle {
    font-size: 16px;
    max-width: 65% !important;
}

.searchBlock .resourceItem {
    margin-bottom: 15px;
}

#searchPage {
    background-color: #f9f9f9;
}

#searchPageResult .result_filter {
    padding: 20px 0 10px 0;
}

.btnMini {
    position: relative;
}

    .btnMini .classicButton {
        width: 60px;
    }

#pageRessource .btnAction:hover, #pageArticle .btnAction:hover, #sessionDetail #extPropSessionBtn:hover {
    cursor: pointer;
    color: white !important;
    background-color: #d52300 !important;
    transition: 400ms;
}

.rowWelcomeCard .thumbnail {
    background-color: #fff;
}

.navigleft a {
    margin-left: 20px !important;
}

#footerLearn li {
    padding: 0;
}

#articlePopupModal .classicButton {
    position: initial !important;
}



#contentHeader_zSpocTitle {
    background-color: #743C2F;
    color: #fff !important;
}

#contentHeader_zSectionTitle {
    margin-top: 30px !important;
}

#contentHeader_nextbtn_bNext, #nextbtn_bNext {
    background-color: #d52300 !important;
    transition: 400ms;
}

    #contentHeader_nextbtn_bNext:hover, #nextbtn_bNext:hover {
        background-color: #d52300 !important;
        color: #fff;
    }

.spoc-timeline-section-title {
    color: #1d1d1b;
}

#pageArticles .news .article .article-title span {
    background-color: transparent !important;
    color: #1d1d1b !important;
    font-weight: bold;
}

.searchList .resourceList .col-lg-9 .cursor {
    margin-left: 15px;
}

.searchList .resourceList .padding-bot-10.bold {
    font-size: 18px;
    margin-top: 15px;
}

.resourceItem .checkImage.cursor > div {
    background-color: #d52300 !important;
    opacity: 0.75;
}

.backgroundModule {
    overflow: auto;
}

#moduleSubContainer .rowSections {
    height: 200px;
}

#moduleSubContainer h1 {
    color: white !important;
}

#HistoricPopupModal .SliderWindowCloseHeader {
    background-color: #743C2F !important;
}

.square.articleStyle.articleItem {
    padding: 10px;
}

.sliderActu {
    margin: -10px;
}

@media (min-width: 1092px) {
    .modal-xlg {
        width: 1000px;
    }

    .fixFloatbar {
        max-width: 260px;
    }
}

#moduleSubContainer {
    /* background-color: #00000099 !important; */
    background-color: transparent;
    !important;
}

@media (min-width: 1200px) {
    .modal-xxlg {
        width: 1200px;
    }
}

@media (min-width: 1200px) {
    .modal-xxxlg {
        width: 85%;
    }
}



.resourceItem .iconEnriched {
    position: absolute;
    bottom: 5px;
    left: 5px;
    width: 96%;
    padding: 2px 5px;
    color: #fff;
    text-align: center;
    font-size: 11px;
    border-radius: 3px;
    background-color: #DA8A1B !important;
}

    .resourceItem .iconEnriched .enrichedText {
        margin-right: 0px !important;
        color: #fff !important;
        text-align: center;
        display: contents;
    }

.resourceItem .enrichedText {
    max-width: 114px;
    display: inline-block;
    float: left;
}

#btnStartLearningPath .btnPlay i {
    font-size: 23px !important;
}

#learningPathStartPage .seeResultLearningPath {
    padding-bottom: 12px !important;
    padding-top: 14px !important;
}

.enrichedVignette {
    width: 140px;
    margin-left: 15%;
    position: relative;
    margin-top: -42px;
    height: 27px;
    padding: 10px;
    background-color: #DA8A1B;
}

    .enrichedVignette .enrichedVignetteText {
        position: absolute;
        width: 120px;
    }

    .enrichedVignette .enrichedTextWithoutPlay {
        text-align: center;
    }

    .enrichedVignette .enrichedVignettePlay {
        position: absolute;
        right: 10px;
    }

        .enrichedVignette .enrichedVignettePlay i {
            color: #fff;
            font-size: 13px;
            float: left;
        }

.spoc-timeline-beans > li.current {
    color: #743C2F !important;
}

.clickableDiv {
    cursor: pointer !important;
}

.arianeLine .hoverLink, .resultTitle {
    font-family: 'Block Berthold' !important;
    font-family: 'Flame' !important;
    font-weight: 100;
    font-size: 15px;
}

#presentationContainer .uppercase, #presentationContainer .uppercase div, #pageRessource .title-18, #searchPage .btnSearch, #searchPageResult .resultTitle {
    font-family: 'Block Berthold' !important;
    font-family: 'Flame' !important;
    font-weight: 100;
}

#pageRessource .title-18 {
    font-size: 22px;
}

#searchPage .btnSearch, #searchPageResult .resultTitle {
    font-size: 18px;
}

/*#webformHeader select, #webformHeader input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not(.ControlError):not(.mce-textbox) {
    box-shadow: 0px 0px 2px rgba(0,0,0,.1) !important;
    width: 100%;
    height: 40px !important;
    display: block;
    border: 1px solid #a8a8a8 !important;
    font-size: 16px;
    line-height: 40px;
    padding: 0 10px;
    z-index: 0 !important;
    border-radius: 4px;
}*/

#webformHeader body {
    background-color: #fff;
    color: #333;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: normal;
    padding: 0;
    margin: 0 auto;
    overflow-x: hidden;
    font-weight: 300;
}

#webformHeader html {
    min-height: 100%;
}

#webformHeader a, a:focus, a:active {
    outline: none;
    color: #fd3478;
}

    #webformHeader a:hover {
        color: #fd3478;
    }

/*------  Menu droite  ------*/
#webformHeader .menu {
    position: fixed;
    height: 100%;
    top: 60px;
    right: -500px;
    background-color: rgba(255,255,255,0.9);
    padding: 50px 60px 0 20px;
    box-shadow: -2px -2px 5px rgba(0,0,0,.2);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    z-index: 40;
}



    #webformHeader .menu a {
        display: block;
        color: #333;
        font-size: 20px;
        margin-bottom: 10px;
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
        text-decoration: none;
    }

        #webformHeader .menu a:hover {
            color: #fd3478;
            text-decoration: none;
        }

    #webformHeader .menu i {
        width: 35px;
        height: 35px;
        text-align: center;
        color: #fff;
        background-color: #fd3478;
        border-radius: 200px;
        line-height: 35px;
        font-size: 20px;
        margin-right: 10px;
    }



/*------  Header  ------*/
#webformHeader {
    background-color: #fff;
    height: 90px;
    box-shadow: 2px 0px 3px rgba(0,0,0,.3);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 500;
    width: 100%;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

    #webformHeader .header_container {
        display: flex;
        position: relative;
        height: 100%;
    }

    #webformHeader .logo {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        width: 200px;
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
    }

        #webformHeader .logo img {
            width: 100%;
            height: auto;
        }


    #webformHeader .dropdown-content {
        display: none;
        position: absolute;
        top: 0px;
        transform: translateX(0%);
        background-color: #fff;
        z-index: 1;
        white-space: nowrap;
        padding: 5px;
        font-weight: 300;
        margin: 0;
        font-size: 14px;
        text-align: left;
        min-width: 100%;
        border-top: 0;
        box-shadow: 0px 2px 3px rgba(0,0,0,.2);
    }

        #webformHeader .dropdown-content a {
            color: #303030 !important;
            text-decoration: none;
            display: block;
            padding: 5px 8px;
        }

        #webformHeader .dropdown-content .active {
            color: #12649d;
        }

        #webformHeader .dropdown-content a:hover {
            color: #fff !important;
            background-color: #DA8A1B;
        }

    #webformHeader .profil {
        margin: auto 10px auto 0;
    }

        #webformHeader .profil .avatar {
            width: 70px;
            height: 70px;
            overflow: hidden;
            border-radius: 200px;
            -webkit-transition: all 0.2s ease-out;
            -moz-transition: all 0.2s ease-out;
            transition: all 0.2s ease-out;
        }

            #webformHeader .profil .avatar img {
                width: 100%;
                height: auto;
            }

    #webformHeader .dropdown_profil {
        top: 30px;
    }




/*------  Header small // on scroll  ------*/
.header_small {
    height: 60px !important;
}

    .header_small .logo {
        width: 250px !important;
    }



    .header_small .profil .avatar {
        width: 50px !important;
        height: 50px !important;
    }

    .header_small .dropdown_profil {
        top: 35px !important;
    }

#webformHeader .navig {
    display: flex;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}

#webformHeader .recherche {
    background-color: #fff;
    height: 40px;
    box-shadow: 0px 0px 2px rgba(0,0,0,.4);
    border-radius: 4px;
    position: relative;
    margin: auto 10px auto 0
}

#webformHeader .search {
    height: 40px !important;
    border: 0;
    padding-right: 65px;
    background-color: transparent;
    box-shadow: 0px 0px 2px rgba(0,0,0,0) !important;
    font-size: 13px;
    width: 600px !important;
    padding-left: 15px;
}

    #webformHeader .search::placeholder {
        /* text-transform: uppercase; */
        font-size: 13px;
        font-weight: 400;
        color: #333;
    }

#webformHeader .btn_search {
    position: absolute;
    background-color: #6d7dff;
    width: 40px;
    height: 40px;
    right: 0;
    top: 0;
    background-image: url(/skin/Custom/images/icons/search_white.svg);
    background-repeat: no-repeat;
    background-size: auto 55%;
    background-position: center center;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    cursor: pointer;
    -webkit-transition: all 0.12s ease-out;
    -moz-transition: all 0.12s ease-out;
    transition: all 0.12s ease-out;
}

    #webformHeader .btn_search:hover {
        opacity: 0.8;
    }

.searchHeaderBK {
    top: 53%;
    transform: translateY(-50%);
    position: absolute;
    right: 15%;
}

#webformHeader .btn_menu {
    width: 30px;
    height: 30px;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: center center;
    margin: auto 10px auto 0;
    box-shadow: 0px 0px 2px rgba(0,0,0,.0);
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

    #webformHeader .btn_menu:hover {
        /* box-shadow: 0px 0px 5px rgba(0,159,209,.8); */
        opacity: 0.8;
    }

#webformHeader .btn_notif {
    background-image: url(/skin/Custom/images/icons/bell.svg);
    background-size: 55% auto;
}

#webformHeader .btn_group {
    background-image: url(/skin/Custom/images/icons/group.svg);
    background-size: 80% auto;
}

#webformHeader .btn_burger {
    background-image: url(/skin/Custom/images/icons/menu_blue.svg);
    background-size: 70% auto;
}

#webformHeader .btn_flag_fr-FR {
    background-image: url(/images//flags/fr.png);
    background-size: 80% auto;
}

#webformHeader .btn_flag_en-US, .btn_flag_en-EN {
    background-image: url(/images//flags/en.png);
    background-size: 80% auto;
}

#webformHeader .btn_flag_de {
    background-image: url(/images//flags/de.png);
    background-size: 80% auto;
}

#webformHeader .btn_flag_es {
    background-image: url(/images//flags/es.png);
    background-size: 80% auto;
}

#webformHeader .btn_menu .nb {
    position: absolute;
    background-color: #ff0000;
    font-size: 9px;
    color: #fff;
    padding: 2px 3px;
    right: -3px;
    top: -3px;
    border-radius: 4px;
    font-weight: 600;
}


#webformHeader .flags {
    top: 22px;
    padding: 3px;
}

    #webformHeader .flags img {
        width: 25px;
        height: auto;
    }

.mobile_menu {
    position: fixed;
    width: 100%;
    height: 30px;
    top: 60px;
    background-color: #f5f5f5;
    z-index: 200;
    display: none;
    border-bottom: 1px solid #fff;
}

.menu_burger {
    position: fixed;
    width: 30px;
    height: 30px;
    left: 10px;
    top: 60px;
    background-image: url(/skin/Custom/images/icons/menu.svg);
    background-repeat: no-repeat;
    background-position: center center;
    display: none;
    cursor: pointer;
    z-index: 200;
    background-size: 90% auto;
}

.btn_recherche_mobile {
    position: fixed;
    width: 30px;
    height: 30px;
    right: 10px;
    top: 60px;
    background-image: url(/skin/Custom/images/icons/search_grey.svg);
    background-repeat: no-repeat;
    background-position: center center;
    display: none;
    cursor: pointer;
    z-index: 300;
    background-size: 90% auto;
}

.recherche_mobile {
    position: fixed;
    left: 10px;
    top: 90px;
    right: 10px;
    z-index: 5000;
    height: 40px;
    background-color: #fff;
    box-shadow: 0px 0px 3px rgba(0,0,0,.4);
    border-radius: 4px;
    display: none;
    border: 1px solid #ccc;
}

.search_mobile {
    height: 40px !important;
    border: 0;
    padding-right: 65px;
    background-color: transparent;
    box-shadow: 0px 0px 2px rgba(0,0,0,0) !important;
    font-size: 14px;
    width: 100%;
}

    .search_mobile::placeholder {
        /*  text-transform: uppercase;*/
        font-size: 13px;
        font-weight: 400;
        color: #8f8f8f;
    }

.btn_search_mobile {
    position: absolute;
    background-color: #fd3478;
    width: 40px;
    height: 40px;
    right: 0;
    top: 0;
    background-image: url(/skin/Custom/images/icons/search_white.svg);
    background-repeat: no-repeat;
    background-size: auto 55%;
    background-position: center center;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    cursor: pointer;
    -webkit-transition: all 0.12s ease-out;
    -moz-transition: all 0.12s ease-out;
    transition: all 0.12s ease-out;
}

#webformHeader .btn_search:hover {
    /* background-color: #05b5ec;*/
}




/*  avatars  */
#webformHeader .avatar {
    width: 43px;
    height: 43px;
    overflow: hidden;
    border-radius: 200px;
}

    #webformHeader .avatar img {
        width: 100%;
        height: auto;
        -webkit-transition: all 0.12s ease-out;
        -moz-transition: all 0.12s ease-out;
        transition: all 0.12s ease-out;
    }

        #webformHeader .avatar img:hover {
            transform: scale(1.2);
        }

#webformHeader .avatar70 {
    width: 70px;
    height: 70px;
    overflow: hidden;
    border-radius: 200px;
    border: 2px solid #fff;
}


#webformHeader h1 {
    font-size: 24px;
    margin: 0;
    padding: 0;
    margin-top: 35px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fd3478;
}




#webformHeader .newsNotification {
    margin: 35px 7px;
}

/* NEWS NOTIFICATION */
#webformHeader .newsNotificationList {
    display: none;
    z-index: 199;
    position: absolute;
    top: 30px;
    right: -8px;
    width: 400px;
    background-color: #fff;
    border: 1px solid #434446;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 2px 2px 8px #434446;
}

    #webformHeader .newsNotificationList > ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        #webformHeader .newsNotificationList > ul > li {
            border-bottom: 1px solid #b4bbc5;
            padding: 5px;
            font-size: 0.9em;
        }

            #webformHeader .newsNotificationList > ul > li.isNew {
                font-weight: bold;
            }

            #webformHeader .newsNotificationList > ul > li:hover a {
                color: #000 !important;
            }

            #webformHeader .newsNotificationList > ul > li a {
                text-transform: none !important;
                color: #009fd1;
            }

.profil-dashboards-zone-numbers {
    background-color: #d52300 !important;
    font-size: 20px;
}

#profilPage .KPICardBo i {
    color: #d52300 !important;
}

.bo-data {
    color: #743C2F !important;
}


.loginBox .loginBoxForm #zTitle {
    font-size: 24px;
}

#pageArticle .fiche_header {
    margin-top: 0px;
}

.loginBox {
    width: auto;
    height: auto;
    position: initial;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    overflow: auto;
}

.login h1, .login label, .login input[type=text], .login input[type=password] {
    color: #743C2F !important;
}

.loginBoxForm .headerText {
    background-color: white !important;
    font-family: 'Block Berthold' !important;
    font-family: 'Flame' !important;
    color: #743C2F;
    font-weight: 400;
    font-size: 30px;
    text-transform: inherit;
    line-height: inherit;
}

.square-details:hover {
    border-width: 0;
}

.resourceItem {
    height: 100%;
}

.emptySlide {
    height: 230px;
}

.searchList .resourceItem {
    height: 182px;
}

.userInformationsLine {
    display: flex;
    align-items: center;
}

    .userInformationsLine .backgroundGrayColor {
        margin: 0px;
        width: 50%;
        position: absolute;
        right: 5px;
    }

#scormContainer .whiteOpacity, #scormContainer .launcher, #scormContainer, #previewIframe {
    border-radius: 0px !important;
}

.classicButton:focus {
    color: #fff !important;
}

.mobile_menu, .menu_burger {
    display: none !important;
}

#ctl00_newsNotification_zLink {
    position: relative;
}

div#ctl00_newsNotification_numberNotification {
    font-weight: 800;
    position: absolute;
    top: -2px;
    right: -5px;
    transition: transform .2s;
    width: 100%;
    text-align: right;
}

#ctl00_newsNotification_zLink:hover div#ctl00_newsNotification_numberNotification {
    font-weight: 800;
    position: absolute;
    top: -2px;
    right: -5px;
    transition: transform .2s;
}

/*.objectifBloc .font16, .objectifBloc .font16 p {
    white-space: pre-line;
}*/
.objectifBloc li {
    margin-left: 30px;
    list-style: disc;
}

.activearrow .fa-chevron-up {
    transform: rotate(180deg);
}

.articleItem .lineAuthorLink {
    position: absolute;
    bottom: 15px;
    right: 0;
}

.articleItem .titleArticle {
    background-color: #743c2f99 !important;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    font-size: 23px !important;
    text-shadow: 0px 0px 3px #743c2f;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: normal;
    padding: 20px !important;
}

.searchList .themeIcon {
    display: none;
}

.searchList .btnLaunchResourceList {
    color: white;
    background-color: #d52300;
    padding: 8px 20px;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
}

@media screen and (max-width:500px) {
    .header .fa-2x {
        font-size: 16px !important;
    }
}

.cell_result {
    margin-bottom: 20px !important;
}

    .cell_result li span {
        margin-left: 0 !important;
    }

    .cell_result * {
        font-family: 'FF_DIN_Pro', sans-serif !important;
        color: #303030;
        font-size: 18px !important;
        line-height: 24px !important;
    }

        .cell_result *:not(i), .cell_result *:not(i):not(.glyphicon) {
            font-family: 'FF_DIN_Pro', sans-serif !important;
        }

    .cell_result h1, .cell_result h2, .cell_result h3, .cell_result h4, .cell_result h5 {
        color: #743C2F !important;
        background-color: transparent !important;
        font-weight: 600 !important;
        text-transform: none !important;
        width: 100%;
        font-family: 'Block Berthold' !important;
        font-family: 'Flame' !important;
    }

    .cell_result h1 {
        font-size: 35px !important;
        line-height: 60px !important;
        text-transform: uppercase !important;
    }

    .cell_result h2 {
        font-size: 28px !important;
        text-transform: uppercase !important;
        margin: 10px 0 !important;
    }

    .cell_result h3, .cell_result h3 strong {
        font-size: 24px !important;
        color: #743C2F !important;
        text-transform: uppercase !important;
        margin: 10px 0 !important;
    }

    .cell_result h4, .cell_result h4 strong {
        font-size: 20px !important;
        color: #743C2F !important;
        margin: 10px 0 !important;
    }

    .cell_result h5, .cell_result h5 strong {
        font-size: 16px !important;
        color: #743C2F !important;
        margin: 10px 0 !important;
    }

    .cell_result p {
        font-size: 18px !important;
        line-height: 24px !important;
    }

    .cell_result ul, .cell_result ol {
        padding-left: 30px !important;
        margin: 10px 0 !important;
    }

        .cell_result ul > li, .cell_result ol > li {
            padding: 0 0 0 15px !important;
            margin-left: 15px !important;
        }


    .cell_result a {
        text-decoration: underline !important;
        color: #d52300 !important;
    }

        .cell_result a:hover {
            color: #d52300 !important;
        }

    .cell_result table {
        border: 1px solid #dadada !important;
    }

        .cell_result table td {
            padding: 15px !important;
        }


.sudoSliderContainer .nextBtn {
    right: -15px;
}

.sudoSliderContainer .prevBtn {
    left: -15px;
}

.attachementsSpoc ul li {
    float: initial;
    width: 100%;
}

#previousbtn_bPrevious {
    background-color: #d52300 !important;
    transition: 400ms;
}

#nextbtn_bNext {
    background-color: #d52300 !important;
    transition: 400ms;
}

#previousbtn_bPrevious {
    text-transform: uppercase;
}

#nextbtn_bNext {
    text-transform: uppercase;
}

#previousbtn_bPrevious:hover {
    background-color: #d52300 !important;
    color: #fff;
}

.spoc .col-sm-3 img {
    aspect-ratio: 4/3;
    object-fit: cover;
}

#zContainer .widget h2 {
    color: white;
    padding-left: 15px;
    background-color: #d52300 !important;
    font-size: 26px !important;
}

.objectList ul li .objectList_title {
    margin-left: 10px;
}

.spoc-timeline-section > li {
    border-left: 2px solid #d52300 !important;
}

.current .subway-station, .spoc-timeline-section .done .subway-station {
    border: 1px solid #d52300 !important;
}

.subway-station {
    border: 1px solid #d52300 !important;
}

.current .subway-station {
    background-color: #d52300 !important;
}
/*theme page css start*/
#Pagethemes {
    margin-top: -40px;
}

.imgTheme {
    width: 35vw;
}

.white-color {
    color: rgb(255, 255, 255) !important;
}

@media screen and (min-width: 768px) {
    #themeHeader .carousel-caption {
        top: 0px;
        position: relative;
        left: 40px !important;
    }
}

#divLinkSubThemes li a {
    color: #fff !important;
    text-decoration: none;
    font-weight: 600;
}

.communityThemeBtn {
    position: absolute;
    margin-left: 40px;
}

.communityThemeBtn {
    text-shadow: none;
    padding: 5px 15px;
    display: inline-block;
    margin-top: 30px;
    background-color: transparent;
    border: 2px solid #fff;
}

/*theme page css end*/


/*community  page css start*/
#communityHeader .mainIconTextColor {
    color: rgb(116, 60, 47) !important;
}

#communityHeader .close i {
    color: rgb(116, 60, 47) !important;
}
/*community  page css end*/

/*Planning css start*/
.fc-state-default {
    border: 1px solid #d52300 !important;
    border-color: #d52300 !important;
    color: #d52300 !important;
}

.fc-state-active {
    border: 1px solid #d52300 !important;
    background-color: #d52300 !important;
    border-color: #d52300 !important;
    color: white !important;
}

.fc-event {
    background-color: lightgrey !important;
    border: 1px solid grey !important;
}
/*Planning css end*/
/*Header respoonsive start*/
@media screen and (max-width:500px) {
    .header .navigleft {
        left: 100px !important
    }

    ;.header_container .navigleft a {
        margin-right: 5px !important;
        margin-left: 5px !important;
    }
}
/*Header respoonsive end*/
/*Summary homework css start*/
#summary-homework-reponse .accordion {
    background-color: #d52300 !important;
}
/*Summary homework css end*/


.themeBK .hoverColor, .articleItem .titleArticle {
    background-color: transparent !important;
}

#pageArticle .articleContainer .imgCol img {
    display: none;
}

/* REFONTE */

.boardShortcut {
    background-color: #d52300;
    padding: 20px;
    border-radius: 10px;
    margin-top: 10px;
}

    .boardShortcut a {
        font-size: 16px;
        font-weight: 600;
        color: white !important;
        display: flex;
        align-items: center;
        margin-top: 20px;
        margin-bottom: 20px;
    }

        .boardShortcut a i {
            margin-right: 10px;
        }

.btnFormaction {
    background-color: white;
    color: #743C2F;
    font-size: 18px;
    border-radius: 90px;
    font-weight: 600;
    padding: 10px 15px;
    text-align: center;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 10px;
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#mainDashboard .btnOutil {
    aspect-ratio: 4 / 3;
    background-color: #d52300;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
    font-size: 22px;
    font-weight: 500;
    font-family: 'Block Berthold' !important;
    font-family: 'Flame' !important;
    border-radius: 5px;
    background-size: cover;
}

.espaceNotif {
    background-color: #d52300;
    aspect-ratio: 8/7 !important;
    border-radius: 5px;
}

.articleItem .img-responsive {
    border-radius: 5px;
}

#mainDashboard .title-18 {
    margin-bottom: 10px;
    margin-top: 50px;
}

.fixFloatbar {
    position: fixed;
}

.fixFloatbar {
    position: fixed;
    top: 175px;
}

.mesOutils a:hover {
    text-decoration: none !important;
}

.btnFormaction img {
    width: 30px;
    margin-right: 10px;
}

#mainDashboard .btnOutil .btnOutilwording {
    font-size: 24px;
    font-weight: 500;
    font-family: 'Block Berthold' !important;
    font-family: 'Flame' !important;
    width: 100%;
    height: 100%;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}

.btnSearchHeader {
    display: flex;
    align-items: center;
    padding-right: 10px;
}

#backOfficeButton.mainBackgroundColor {
    background-color: #d52300 !important;
}

    #backOfficeButton.mainBackgroundColor:hover {
        background-color: #d52300 !important;
    }

a:hover, .header_profile, .header_profile:hover, .articleContainer a {
    color: #d52300 !important;
}

.mainBackgroundColor, #searchPage .btnSearch, #pageRessource .sessionContainer .btnSeeMore, .userInformationsLine, .classicButton:hover, .mainButtonBackgroundColor:hover, .list_display .choice_btn_select, .choice_btn_select:hover, .confirm, .dropdown_profil a:hover, .importButton, .classicButton, .submitButton {
    background-color: #d52300 !important;
}

#footerLearn {
    border-bottom: 10px solid #d52300;
}

a:hover {
    text-decoration: none !important;
}

.rowWelcomeCard {
    margin-bottom: -15px;
}

#mainDashboard .title-18 {
    font-size: 26px !important;
}

#mainDashboard .articleItem .titleArticle {
    position: relative;
    width: 100%;
    background-color: #d52300 !important;
    margin: 0px !important;
    height: auto !important;
    left: auto;
    top: auto;
    padding: 10px 15px !important;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Block Berthold' !important;
    font-family: 'Flame' !important;
}

.articleItem .square-title {
    padding: 0;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.articleItem .lineAuthorLink {
    padding: 5px;
    background-color: #743c2f;
}

#mainDashboard .actuTitleLabel {
    position: absolute;
    bottom: 15px;
    left: 0px;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Block Berthold' !important;
    font-family: 'Flame' !important;
    text-transform: uppercase;
    color: white;
    padding: 4px 15px;
    background-color: #743c2f;
}

#webformHeader.header_small .logo {
    width: 150px !important;
}

.floatdashscroll {
    top: 20px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: 400ms;
}

@media screen and (max-width:1000px) {
    .fixFloatbar {
        position: relative;
    }

    #mainDashboard .btnOutil {
        margin-bottom: 25px;
    }

    #customFormationTodo {
        padding-left: 20px;
    }

    .boardShortcut a {
        justify-content: center;
    }

    .fixFloatbar {
        width: 50%;
        margin-left: 0%;
        text-align: center;
    }



    .espaceNotif {
        aspect-ratio: 8/4 !important;
    }
}

@media screen and (max-width:500px) {
    .fixFloatbar {
        width: 80%;
        margin-left: 10%;
        text-align: center;
    }

    .header .fa-2x {
        font-size: 25px !important;
    }

    #webformHeader .navig {
        right: 15px;
    }
}

.espaceNotif {
    background-color: #fff;
    border: 1px solid #E2E2E2;
    margin-top: 10px;
    display: inline-flex;
}

.card {
    border-radius: 5px !important;
    background: #d52300 !important;
    height: 100%;
    overflow: auto;
}

.espaceNotif .alert {
    position: relative;
}

.espaceNotif .notification-alert .close {
    right: 6px !important;
    position: absolute !important;
}

::-webkit-scrollbar-track {
    background-color: #fff;
}

::-webkit-scrollbar {
    width: 8px;
    background-color: #fff;
}

::-webkit-scrollbar-thumb {
    background-color: #d52300;
}

.fixFloatbar {
    z-index: 9;
}

#mainDashboard, .loginBox .loginBoxForm, .loginPanel {
    background-color: #fff4ec !important;
}


    #mainDashboard .btnOutil .btnOutilwording {
        text-transform: uppercase;
    }

        #mainDashboard .btnOutil .btnOutilwording div {
            font-size: 24px;
            font-weight: 500;
            font-family: 'Block Berthold' !important;
            font-family: 'Flame' !important;
            padding: 15px;
            width: 100%;
            height: 100px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

    #mainDashboard .btnFormaction div, .header_container .header_profile span, #documentDatabasePage h1 {
        font-family: 'Flame' !important;
    }

.docTree .parentTheme label {
    color: white !important;
}

#documentDatabasePage .docTree > div {
    background-color: #d52300;
    border-radius: 10px;
}

#documentDatabasePage h1 {
    color: #743C2F;
}

#profilPage .panel-body.backgroundWhiteColor.padding-15.relative.border-radius-2, #profilPage .panel-body.backgroundWhiteColor.padding-15.relative.border-radius-2 .actionColor {
    background-color: #d52300;
    color: white !important;
}

.list_display .choice_btn_select, .choice_btn_select:hover, #formationsDone .choice_btn_select {
    background-color: #d52300;
}

#pageRessource .title-18, #pageRessource .maincolor {
    color: #d52300;
}

.ressourcePage .col-md-9 .padding-5, #toggle8 {
    background-color: white;
    padding-left: 10px !important;
    border-left: 5px solid #d52300;
    BORDER-RADIUS: 5PX;
    padding-top: 5px;
}

.ressourcePage .col-md-9 .container-fluid .padding-5 {
    background-color: #743C2F;
    padding-left: auto !important;
    border-left: 0px solid red;
}

.ressourcePage .col-md-9 .col-md-6 .padding-5 {
    background-color: transparent;
    padding-left: auto !important;
    border-left: 0px solid red;
}

#toggle8 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.loginBox .input-group-addon img {
    width: 22px;
    height: 26px;
    filter: brightness(35.5);
    margin-left: -4px;
    margin-right: -4px;
}

.boardShortcut a:hover {
    color: white !important;
}

#searchPage .input-group-addon {
    background-color: #d52300 !important;
    border-color: #d52300 !important;
}

#mainDashboard .btnOutil {
    background-size: contain;
    background-position: bottom left;
    background-repeat: no-repeat;
}

    #mainDashboard .btnOutil .btnOutilwording {
        padding-top: 0px;
        align-items: flex-start;
    }

#pageRessource .labelBlocTop {
    FONT-SIZE: 16PX;
}

#pageRessource .title-18 i {
    margin-right: 5Px;
}

@media screen and (max-height:860px) {
    .loginBox .imageLogo {
        width: 330px !important;
        margin-top: 7% !important;
    }

    .loginBox .loginBoxForm {
        margin-top: -80px !important;
    }
}

#learningPathStartPage .col-md-8 {
    width: 100%;
    margin-left: 15px;
}

.ressourcePage .col-md-9 .barleft .padding-5 {
    background-color: white;
    padding-left: 12px !important;
    border-left: 3px solid #d52300;
    BORDER-RADIUS: 0px;
}

#pageRessource .barleft .title-18 {
    font-size: 16px;
    white-space: normal;
}

#QuestionList textarea {
    resize: none;
}

#QuestionList .pagination a {
    margin-bottom: 5px;
}

/*Begine  themes Cards */
.themesListDashboard, #themes {
    background-color: transparent !important;
}
/*End  themes Cards */

/*Begine  fonts  */
.title-18 {
    font-weight: 600 !important;
}
/*Begine fonts */

/*Begine  notifications zone */
.zoneNotification h4 {
    display: none !important;
}

.notification-alert a {
    color: white !important;
    text-decoration: none;
    font-size: 14px !important;
}

.espaceNotif .alert {
    padding: 15px !important;
    color: white !important;
    margin: 2px;
    border: 0 solid transparent;
}

.espaceNotif .notification-alert .close {
    right: 6px !important;
    position: absolute !important;
    padding: 5px;
}
/*End  notifications zone */

/*start  search zone */
div#resultSearch {
    background-color: white !important;
}
/*end  search zone */

/*start  resource card zone */
.resourceItem .vignette-star {
    top: 8px !important;
    right: 7px !important;
}
/*end  resource card zone */

/*start  resource page zone */
#pageRessource .adminBarRessource i:not(.greenImportant) {
    color: white !important;
}

#pageRessource .title-18, #pageRessource .maincolor {
    color: #d52300 !important;
}

.dlCertif, .dlFicheFormation {
    margin-top: 10px;
}
/*end  resource page zone */

/*begin  login page zone */
.loginBox .loginBoxForm #zTitle {
    font-size: 24px !important;
    text-transform: capitalize;
}

.loginBox .loginBoxForm #zTitle, .login label, .login input[type=text], .login input[type=password], .text-primary, .navbar .navbar-nav .nav-item.active a.nav-link {
    color: var(--main-color) !important;
}

.loginBox .loginBoxForm #zTitle {
    margin-top: 30px !important;
}

.loginBox .loginBoxForm {
    top: unset !important;
    position: inherit !important;
    padding: 10% 10% !important;
}

#loginSubmit {
    width: 100% !important;
    border-radius: 4px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.btn-default:not(#bClose):not(.dropdown-toggle):hover {
    color: white !important;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: unset;
    transition: unset;
}

#tForgetPassword {
    color: var(--secondary-color) !important;
    text-decoration: none;
}
/*end  login page zone */

/*begin  profile  page zone */
#profilPage .title-18, #profilPage .title-20, #profilPage .KPICardBo i, #formationsDone label {
    color: White !important;
}

a.cancelButton {
    border-radius: 2px;
    padding: 10px 35px;
    color: var(--secondary-color) !important;
    cursor: pointer;
    border: none;
    line-height: initial;
}

/*end  profile page zone */


.lineAuthorLink {
    margin-bottom: 0px !important;
}

.articleCreationDate {
    color: white !important;
}

@font-face {
    font-family: 'Block Berthold';
    font-style: normal;
    font-weight: 400;
    src: url('/Content/fonts/Block Berthold/bbc.eot'); /* IE9 Compat Modes */
    src: url('/Content/fonts/Block Berthold/bbc.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/Content/fonts/Block Berthold/bbc.woff2') format('woff2'), /* Super Modern Browsers */
    url('/Content/fonts/Block Berthold/bbc.woff') format('woff'), /* Pretty Modern Browsers */
    url('/Content/fonts/Block Berthold/bbc.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/Content/fonts/Block Berthold/bbc.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'Flame';
    font-style: normal;
    font-weight: 400;
    src: url('/Content/fonts/Flame/Flame-Regular.eot'); /* IE9 Compat Modes */
    src: url('/Content/fonts/Flame/Flame-Regularc.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/Content/fonts/Flame/Flame-Regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('/Content/fonts/Flame/Flame-Regular.woff') format('woff'), /* Pretty Modern Browsers */
    url('/Content/fonts/Flame/FlameRegular.otf') format('truetype'), url('/Content/fonts/Flame/Flame-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/Content/fonts/Flame/Flame-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}


@font-face {
    font-family: 'FF_DIN_Pro';
    font-style: normal;
    font-weight: 400;
    src: url('/Content/fonts/FF_DIN_Pro/DIN.eot'); /* IE9 Compat Modes */
    src: url('/Content/fonts/FF_DIN_Pro/DIN.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/Content/fonts/FF_DIN_Pro/DIN.woff2') format('woff2'), /* Super Modern Browsers */
    url('/Content/fonts/FF_DIN_Pro/DIN.woff') format('woff'), /* Pretty Modern Browsers */
    url('/Content/fonts/FF_DIN_Pro/DIN.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/Content/fonts/FF_DIN_Pro/DIN.svg#svgFontName') format('svg'); /* Legacy iOS */
}

*:not(i):not(.glyphicon) {
    font-family: 'FF_DIN_Pro', sans-serif !important;
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    color: #303030;
}

body {
    /*display: table;*/
    width: 100%;
}

#scormContainer {
    height: auto !important;
}

#mainDashboard, .loginBox .loginBoxForm {
    background-color: #FCFCFC !important;
}

.ThirdBackgroundColor, .widget h2 {
    background-color: #743C2F;
}

#mainDashboard .title-18 {
    font-size: 22px !important;
    color: #743C2F;
    font-family: 'Block Berthold' !important;
    font-family: 'Flame' !important;
    letter-spacing: 2px;
    text-transform: uppercase;
}

#mainDashboard .title-30 {
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 600 !important;
    font-family: 'Block Berthold' !important;
    font-family: 'Flame' !important;
    letter-spacing: 5px;
    line-height: 40px;
}

.header_container .FAIcon span {
    font-family: 'Block Berthold' !important;
    font-family: 'Flame' !important;
    font-size: 40px;
    text-transform: uppercase;
}

.header_container .header_profile span {
    /* font-family: 'Block Berthold' !important; */
    font-size: 18px;
    font-weight: normal;
}

.header_container .profil a:hover {
    text-decoration: none;
}

.header_container .navigleft a {
    transition: transform .2s;
}

    .header_container .navigleft a:hover, .header_container .navigleft .searchHeaderBK:hover {
        text-decoration: none !important;
        transform: scale(1.5) !important;
    }

a {
    color: #743C2F !important;
}

    a:hover, a:focus, a:active, a.actionColor:hover {
        color: #d52300 !important;
        opacity: 1.0;
        text-decoration: underline;
        transition: 400ms;
    }

.resourceItem .resource-title span, #lRemember, .pager span a, .e-tipi-nav .active a, .actionColor, #pageRessource .btnAction, #pageArticle .btnAction {
    color: #d52300 !important;
}

.pager span a {
    color: #743C2F !important;
}

.scormLessonStatus a:focus {
    color: #fff !important;
}

#pageRessource .sessionContainer .thumbnail .bandeauDate, #sessionDetail .bandeauDate {
    font-size: 14px;
}

#lRemember, .resourceItem .vignette-star i {
    color: #303030 !important;
}

#tForgetPassword {
    color: #d52300 !important;
}

.sweet-alert button.confirm, .qq-upload-button, #bootstrapDatatable_wrapper #bootstrapDatatable tbody tr:hover, #bootstrapDatatable_wrapper a.paginate_button.current, #bootstrapDatatable_wrapper .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.next):not(.previous), .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background-color: #d52300 !important;
}

#searchPage label, .mainTextColor, #footer a:hover, #footer .fab:hover, #menuId .thirdTextColor:hover, h1, label, .login h1, .login input[type=text], .login input[type=password] {
    color: #303030 !important;
}

.mainBackgroundColor, #searchPage .btnSearch, #pageRessource .sessionContainer .btnSeeMore, .userInformationsLine, .list_display .choice_btn_select, .choice_btn_select:hover, .confirm, .dropdown_profil a:hover, .importButton, .classicButton, .submitButton {
    background-color: #d52300 !important;
}

#backOfficeButton.mainBackgroundColor {
    background-color: #d52300 !important;
    transition: 400ms;
}

    #backOfficeButton.mainBackgroundColor:hover {
        background-color: #d52300 !important;
    }


#searchPage .btnSearch:hover {
    background-color: #d52300 !important;
    transition: 400ms;
}

.list_display .choice_btn_select {
    background-color: #303030 !important;
}

.importButton, .classicButton, .submitButton, .dropdown_profil a:hover, .backgroundActionColor a {
    color: white !important;
}

#searchPage .input-group-addon {
    background-color: #303030 !important;
    border-color: #303030 !important;
}

.chiller_cb input:checked ~ span {
    background: #d52300;
    border-color: #d52300;
}

.header_small .logo {
    width: 250px !important;
}

.logo {
    width: 200px;
}

.mainButtonBackgroundColor, .mention-area .highlight a.mentiony-link {
    background-color: #d52300;
}

.rowWelcomeCard {
    display: flex;
    align-items: center;
}

.btnDashboardRight {
    height: 85%;
    background-color: #d52300;
    align-items: center;
}

.firstSilderDahsboard {
    min-height: 200px;
}

.btnDashboardRight a {
    color: #FFF !important;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Block Berthold' !important;
    font-family: 'Flame' !important;
}

.btnDashboardRight i {
    color: #FFF !important;
}

.rowWelcomeCard .thumbnail, #pageArticle .articleContainer .articleMainTitle span {
    background-color: #743c2f;
}


#MainLoader {
    border: none;
    background-image: url('../../images/vectorlogo.png') !important;
    animation: spin 4s infinite linear;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 0;
    width: 190px;
    height: 190px;
    filter: brightness(106%);
}

.componentSpinner {
    border-color: #743C2F transparent #743C2F transparent;
}

#profilDashboard .nav-pills .active a {
    padding-bottom: 10px;
    margin-top: 15px;
}

#mainDashboard .title-30, #mainDashboard .title-25, .rowWelcomeCard .font-18 {
    color: #743C2F;
}

.rowWelcomeCard .font-18 {
    text-transform: uppercase;
    font-size: 18px;
    line-height: 25px;
    color: #303030 !important;
    font-family: 'Block Berthold' !important;
    font-family: 'Flame' !important;
}

.e-tipi-nav .active {
    border-bottom: 3px solid #d52300;
}

.themeBK {
    width: 100%;
    height: 187px;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    display: flex;
    align-items: center;
    background-position: center;
}

    .themeBK .hoverColor {
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: #743C2F;
        opacity: 0.7;
        cursor: pointer;
    }

    .themeBK label {
        display: none;
        color: white !important;
        font-size: 16px;
        text-align: center;
        position: absolute;
        width: 100%;
        text-transform: uppercase;
        font-family: 'Block Berthold' !important;
        font-family: 'Flame' !important;
        font-weight: 100;
    }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .themeBK .hoverColor {
        margin-top: -19%;
        position: absolute;
        width: 100%;
        height: 103%;
        background-color: #743C2F;
        opacity: 0.7;
    }

    .themeBK label {
        color: white !important;
        font-size: 16px;
        text-align: center;
        position: relative;
        width: 100%;
        text-transform: uppercase;
        font-family: 'Block Berthold' !important;
        font-family: 'Flame' !important;
        font-weight: 100;
    }
}

.header .navigleft {
    position: absolute;
    left: 300px;
    top: 50%;
    transform: translateY(-53%);
    color: #d52300;
    display: flex;
    align-items: center;
}

.header_small .navigleft {
    left: 300px;
}

.backgroundGreyColor {
    background-color: #FCFCFC !important;
}

#footerLearn {
    /*display: table-row;*/
    border-bottom: 10px solid #d52300;
}

.backgroundFooter {
    background-color: #fff !important;
    /*border-bottom: 10px solid #743c2f;*/
    /*width:99vw !important;*/
}

    #footerLearn a, .backgroundFooter a, .backgroundFooter div, .backgroundFooter .thirdTextColor {
        color: #303030 !important;
        font-size: 14px;
    }

#footerLearn .shareMenuItemHover i {
    font-size: 24px;
}

.articleContainer a /*, #pageRessource a:not(.classicButton) */ {
    color: #d52300 !important;
}

.iconFA {
    font-size: 18px;
    font-weight: bold;
}

.resourceItem .topIcons {
    background-color: #fff !important;
}

    .resourceItem .topIcons span {
        margin-right: 0px !important;
        color: #743C2F !important;
    }

.header_profile {
    color: #d52300 !important;
}

.margin-left50 {
    margin-left: 50px;
}

#pageRessource .globalKPIRessource {
    background-color: #743C2F;
    color: #fff !important;
}

#pageRessource .btnDemande {
    padding: 10px 25px;
    background-color: #743C2F;
    color: #fff !important;
    margin-top: 10px;
    border-radius: 3px;
    width: 100%;
    display: block;
    text-align: center;
    font-weight: bold;
}

#profilPage .mainBackgroundColor {
    background-color: #743C2F !important;
}

.fullMVC #presentationContainer, #profilPage {
    background-color: #fff !important;
}

#pageRessource .floatUserBar .mainBackgroundColor {
    background-color: #fff;
    color: #fff !important;
    border: 1px solid #743C2F;
}

#pageRessource .floatUserBar {
    /*background-color: #743C2F !important;*/
}

#pageRessource .adminBarRessource, #pageRessource .btnAction:hover, #pageArticle .btnAction:hover, .backgroundActionColor, .loginBox .btn-login, .loginBox .btn-login:hover {
    background-color: #d52300 !important;
    color: #fff !important;
}

    #pageRessource .adminBarRessource:hover {
        background-color: #d52300 !important;
        opacity: 1.0;
        transition: 400ms;
    }

    .loginBox .btn-login, .loginBox .btn-login:hover {
        background-color: #d52300 !important;
        color: #fff !important;
        font-family: 'Block Berthold' !important;
        font-family: 'Flame' !important;
        font-size: 17px;
        font-weight: 100;
    }

button {
    font-family: 'Block Berthold' !important;
    font-family: 'Flame' !important;
    text-transform: uppercase !important;
    font-size: 17px;
    font-weight: 100;
}

.loginBox .input-group-addon {
    background-color: #743C2F !important;
    color: #fff !important;
    border-color: #743C2F !important;
}

.loginBox .loginBoxLogo {
    border: 2px solid #743C2F;
}

#dashboarArticles .square {
    padding: 5px;
}

    #dashboarArticles .square span {
        background-color: #743C2F;
        color: white;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 400;
        padding: 10px;
        font-family: 'Block Berthold' !important;
        font-family: 'Flame' !important;
    }

        #dashboarArticles .square span.articleCreationDate {
            font-family: FF_DIN_Pro !important;
            padding: 5px;
            font-size: 14px;
        }

    #dashboarArticles .square .square-title {
        position: inherit;
        bottom: 20px;
        right: -15px;
        text-align: right
    }

#pageArticle .articleContainer .articleMainTitle span {
    padding: 10px;
}

.logoFooterBK {
    position: absolute;
    right: 0px;
    height: 110%;
}

    .logoFooterBK img {
        height: 105%;
    }

.resourceItem {
    border: 1px solid #dadada;
    transition: 400ms;
}

    .resourceItem .resourceImage {
        background-color: #fff;
        border: 1px solid #eee;
    }

    .resourceItem .resource-title {
        font-size: 14px;
        position: initial !important;
        max-width: 100%;
        padding: 5px;
        height: 60px !important;
        overflow: hidden;
        font-weight: bold;
        transition: 400ms;
        border: 1px solid #fff;
        border-top: 0;
        background-color: #fff;
    }

        .resourceItem .resource-title span {
            color: #303030 !important;
            transition: 200ms;
            background-color: transparent;
            text-transform: initial;
            width: 100%;
            text-align: center;
            display: flex;
            line-height: inherit;
            height: 100%;
            justify-content: center;
            align-items: center;
        }



    .resourceItem:hover {
        border: 1px solid #303030;
        opacity: 1.0;
    }

        .resourceItem:hover .resource-title {
            background-color: #d52300;
            color: #fff;
        }

            .resourceItem:hover .resource-title span {
                color: #fff !important;
                background-color: transparent;
            }



    .resourceItem .mainImage {
        height: auto;
    }

.emptySlide {
    height: 239px;
    background-color: #fff !important;
}

.loginBoxForm .fas, .input-group i {
    color: white;
}



.loginBox .imageLogo {
    width: 430px;
    margin-top: 20%;
}

.header .logo {
    width: 250px !important;
}


.header_small .logo {
    width: 250px !important;
}

.btnDashboardBK {
    padding: 12px 10px;
    margin: 10px 0px;
    background-color: #d52300;
    border: 2px solid white;
}

.btnDashboardRight {
    background-color: white;
    width: 23%;
    margin-left: 2%;
    padding: 0;
    margin-top: 5px;
}



.btnDashboardBK {
    padding: 11px 30px;
    margin: 0px;
    border: 0px solid white;
    width: 100%;
    background-color: #d52300 !important;
    border-bottom: 20px solid white;
    transition: 400ms;
}

    .btnDashboardBK:hover {
        background-color: #d52300 !important;
        cursor: pointer;
    }



.btnDashboardRight a {
    font-size: 20px;
    line-height: 18px;
}



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

.submitButton:hover, .classicButton:hover, .themeButton:hover {
    color: white !important;
}

.modal .modal-header {
    background-color: #743C2F !important;
    color: #fff !important;
}

#articlePopupModal .modal-title {
    font-family: 'Block Berthold' !important;
    font-family: 'Flame' !important;
    text-transform: uppercase !important;
    color: #743C2F;
}

.backgroundBlackColor {
    background-color: #303030;
}

.validationColor {
    color: #d52300;
}

.modal-header .close {
    color: white !important;
}

.actionColorHover:hover {
    color: #d52300 !important;
    text-decoration: none;
}

.contentArticlePU {
    font-weight: 600;
}

#loginPage .labelLogin {
    color: #d52300 !important;
    font-size: 20px;
    font-family: 'Block Berthold' !important;
    font-family: 'Flame' !important;
    font-weight: 200;
    margin-top: 20px;
    text-transform: uppercase;
}

#zContainerLogin .loginBoxAccroche {
    width: 100%;
    position: inherit;
    margin-top: 10px;
    margin-bottom: 40px;
}

    #zContainerLogin .loginBoxAccroche span {
        background-color: white !important;
        /*font-family: 'Block Berthold' !important;*/
        color: #743C2F;
        font-weight: 400;
        font-size: 30px;
        text-transform: inherit;
        line-height: inherit;
    }

.loginPanel {
    height: 100vh;
}

/*.loginBackground {
    background-image: url('../../images/BKLoginBackground.jpg');
    background-position: center;
    height: 100vh;
    margin-top: 0px !important;
    background-repeat: no-repeat;
    background-size: cover;
}*/

@media (max-width:500px) {
    .btnDashboardRight {
        width: 90%;
        margin-left: 5%;
    }

    .rowWelcomeCard {
        display: block;
        text-align: center;
    }

        .rowWelcomeCard .title-30 {
            margin-bottom: 20px;
        }

        .rowWelcomeCard .thumbnail {
            display: flex;
        }

    #webformHeader .logo {
        top: 15px !important;
        left: 10px !important;
        width: 97px !important;
    }

    .header_container .navigleft a {
        transition: transform .2s;
        font-size: 10px;
        margin-right: 7px;
        margin-left: 7px !important;
    }

    .header_container .header_profile span {
        display: none;
    }

    .header .navigleft {
        left: 120px;
    }

    .header_container .FAIcon span {
        font-family: 'Block Berthold' !important;
        font-family: 'Flame' !important;
        font-size: 25px;
        text-transform: uppercase;
    }

    .fullMVC #presentationContainer {
        margin-top: 90px;
    }

    .sudoSliderContainer {
        width: 95%;
    }

    #footerLearn {
        height: auto;
        text-align: center;
    }

    #dashboarArticles {
        margin: 0px;
    }

        #dashboarArticles .sudoSliderContainer {
            width: 100%;
        }

    #footerLearn a {
        display: contents;
    }

    #webformHeader .dropdown-content {
        left: -70px;
    }

    .loginBox .imageLogo {
        width: 300px;
        margin-top: 10%;
    }

    #zContainerLogin .loginBoxAccroche span {
        font-size: 20px;
    }
}

@media (max-width:1000px) {
    .loginPanel {
        height: 100vh;
    }

    .loginBox img {
        margin-top: 10%;
    }

    .loginBox {
        height: 100%;
    }
}

.promotionMaster {
    color: lightgray !important;
}

.classicButton a {
    color: white !important;
}

.spoc-widget-progression > .spoc-widget-progression-fg {
    background-color: #d52300 !important;
}

.spoc-widget-progression > .spoc-widget-progression-bg {
    background-color: #eee !important;
}



.backgroundBlurResource {
    background-size: cover;
    background-position: center;
    height: 372px;
    filter: brightness(50%) blur(3px);
    margin-left: -80px;
    padding-left: 80px;
    margin-right: -80px;
    padding-right: 80px;
    background-color: #743C2F;
    background-image: none !important;
}

.borderCleanBanner {
    position: absolute;
    width: 115%;
    height: 395px;
    border: 16px solid #F5F3F0;
    left: -87px;
    top: -10px;
}

#pageRessource .floatUserBar {
    position: fixed;
    bottom: auto;
    right: auto;
    height: auto;
    padding: inherit;
    background-color: #ffffff;
    color: #1d1d1b;
    font-weight: bold;
    padding-left: 0px;
    box-shadow: none;
    font-size: 12px;
    z-index: 10;
    width: 350px;
    top: 240px;
    margin-left: 100px;
    padding-right: 0px;
    transition: 400ms;
}

@media (max-width:1200px) {
    #pageRessource .floatUserBar {
        width: 275px;
    }
}

.maskShadow, .maskShadow2 {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(30,30,30,0) 60%, rgba(30,30,30,0.6) 100%);
}

.maskShadow2 {
    linear-gradient(0deg, rgba(15,58,98,0) 40%, rgba(0,0,0,0.6) 100%);
}

/*.classicButton {
        width: 165px;
        text-align: center;
        position: absolute;
        top: -10px;
        border: 10px solid #fff;
        color: #fff !important;
        font-size: 14px;
        text-transform: uppercase;
    }
        */
.classicButton:hover, .mainButtonBackgroundColor:hover {
    background-color: #d52300 !important;
    opacity: 1.0;
    transition: 400ms;
}

.classicButton.communityLink, .classicButton.sessionRequest, .classicButton.linkToExternalTraining {
    position: initial;
    width: 400px;
}

.linkToExternalTraining {
    padding: 4px 9px !important;
}

#pageRessource {
    padding-top: 100px;
    background-color: #f3f3f3;
}

    #pageRessource .adminBarRessource {
        background-color: #743C2F;
    }

.arianeLink {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-family: 'Block Berthold' !important;
    font-family: 'Flame' !important;
    font-weight: 100;
}

    .arianeLink .hoverLink {
        color: #743C2F !important;
    }

.headerResourceInfo {
    position: absolute;
    top: 0px;
    left: -15px;
}

#presentationContainer .font42 {
    font-size: 42px;
    font-family: 'Block Berthold' !important;
    font-family: 'Flame' !important;
    margin-top: 50px;
    text-transform: uppercase;
    color: #fff;
    margin-top: 0px !important;
    text-align: left;
    padding-left: 10px;
}


#previewModalityLoader {
    border: 32px solid #f3f3f3;
    border-top: 32px solid #743C2F;
}

#commentZone .commentForm {
    padding: 15px 15px 0;
    background-color: #fff;
}

.commentStyle a {
    color: #743C2F !important;
}

    .commentStyle a:hover, .commentStyle a:focus, .commentStyle a:active {
        color: #d52300 !important;
        opacity: 1.0;
        transition: 400ms;
    }

.sessionContainer {
    width: 100%;
    padding: 0px;
}

    .sessionContainer .margin-bot-30 {
        margin-bottom: 0px !important;
    }

#pageRessource .sessionContainer .thumbnail {
    position: relative;
    height: 200px;
    box-shadow: 2px 2px 4px #bababa;
    border-radius: 3px 3px 20px 20px;
}

#pageRessource .pieceJointe, #pageArticle .pieceJointe {
    height: 60px;
    background-color: transparent !important;
    width: 100%;
    box-shadow: none;
    position: relative;
    margin-top: 10px;
    font-size: 16px;
}

.pieceJointe .text-truncate {
    /* color: #001B31 !important;*/
}

.pieceJointe a:hover {
    text-decoration: none !important;
}

.pieceJointe .fa-arrow-to-bottom {
    color: #743C2F !important;
}

    .pieceJointe .fa-arrow-to-bottom:hover {
        opacity: 0.7;
        color: #743C2F !important;
    }

.floatscroll {
    top: 120px;
    transition: 400ms;
}

.headerResourceInfo {
    color: #fff;
}

.font14 {
    font-size: 14px;
}

.sessionContainer a.actionColor {
    font-size: 14px;
}

#pageRessource .ressourceContainer .tags {
    float: left;
}

#scormContainer .scormLessonStatus .classicButton {
    top: 7px;
    right: 20px;
    border: 0;
    padding: 10px 20px;
}

.userInformationsLine {
    background-color: #743C2F !important;
    height: 50px;
}

    .userInformationsLine .avatar-normal {
        width: 40px;
        height: 40px;
    }

    .userInformationsLine .backgroundGrayColor.border-radius-90 {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }

    .userInformationsLine .padding-10.white-color.margin-top-15.cleft {
        padding-top: 0px !important;
    }

#scormContainer h1 {
    margin-top: 0px;
    margin-bottom: 30px;
    font-family: 'Block Berthold' !important;
    font-family: 'Flame' !important;
    font-size: 36px;
    font-weight: normal;
    text-transform: uppercase;
}

#scormContainer .lessonTitle {
    font-size: 16px;
    max-width: 65% !important;
}

.searchBlock .resourceItem {
    margin-bottom: 15px;
}

#searchPage {
    background-color: #f9f9f9;
}

#searchPageResult .result_filter {
    padding: 20px 0 10px 0;
}

.btnMini {
    position: relative;
}

    .btnMini .classicButton {
        width: 60px;
    }

#pageRessource .btnAction:hover, #pageArticle .btnAction:hover, #sessionDetail #extPropSessionBtn:hover {
    cursor: pointer;
    color: white !important;
    background-color: #d52300 !important;
    transition: 400ms;
}

.rowWelcomeCard .thumbnail {
    background-color: #fff;
}

.navigleft a {
    margin-left: 20px !important;
}

#footerLearn li {
    padding: 0;
}

#articlePopupModal .classicButton {
    position: initial !important;
}



#contentHeader_zSpocTitle {
    background-color: #743C2F;
    color: #fff !important;
}

#contentHeader_zSectionTitle {
    margin-top: 30px !important;
}

#contentHeader_nextbtn_bNext, #nextbtn_bNext {
    background-color: #d52300 !important;
    transition: 400ms;
}

    #contentHeader_nextbtn_bNext:hover, #nextbtn_bNext:hover {
        background-color: #d52300 !important;
        color: #fff;
    }

.spoc-timeline-section-title {
    color: #1d1d1b;
}

#pageArticles .news .article .article-title span {
    background-color: transparent !important;
    color: #1d1d1b !important;
    font-weight: bold;
}

.searchList .resourceList .col-lg-9 .cursor {
    margin-left: 15px;
}

.searchList .resourceList .padding-bot-10.bold {
    font-size: 18px;
    margin-top: 15px;
}

.resourceItem .checkImage.cursor > div {
    background-color: #d52300 !important;
    opacity: 0.75;
}

.backgroundModule {
    overflow: auto;
}

#moduleSubContainer .rowSections {
    height: 200px;
}

#moduleSubContainer h1 {
    color: white !important;
}

#HistoricPopupModal .SliderWindowCloseHeader {
    background-color: #743C2F !important;
}

.square.articleStyle.articleItem {
    padding: 10px;
}

.sliderActu {
    margin: -10px;
}

@media (min-width: 1092px) {
    .modal-xlg {
        width: 1000px;
    }

    .fixFloatbar {
        max-width: 260px;
    }
}

#moduleSubContainer {
    /* background-color: #00000099 !important; */
    background-color: transparent;
    !important;
}

@media (min-width: 1200px) {
    .modal-xxlg {
        width: 1200px;
    }
}

@media (min-width: 1200px) {
    .modal-xxxlg {
        width: 85%;
    }
}



.resourceItem .iconEnriched {
    position: absolute;
    bottom: 5px;
    left: 5px;
    width: 96%;
    padding: 2px 5px;
    color: #fff;
    text-align: center;
    font-size: 11px;
    border-radius: 3px;
    background-color: #DA8A1B !important;
}

    .resourceItem .iconEnriched .enrichedText {
        margin-right: 0px !important;
        color: #fff !important;
        text-align: center;
        display: contents;
    }

.resourceItem .enrichedText {
    max-width: 114px;
    display: inline-block;
    float: left;
}

#btnStartLearningPath .btnPlay i {
    font-size: 23px !important;
}

#learningPathStartPage .seeResultLearningPath {
    padding-bottom: 12px !important;
    padding-top: 14px !important;
}

.enrichedVignette {
    width: 140px;
    margin-left: 15%;
    position: relative;
    margin-top: -42px;
    height: 27px;
    padding: 10px;
    background-color: #DA8A1B;
}

    .enrichedVignette .enrichedVignetteText {
        position: absolute;
        width: 120px;
    }

    .enrichedVignette .enrichedTextWithoutPlay {
        text-align: center;
    }

    .enrichedVignette .enrichedVignettePlay {
        position: absolute;
        right: 10px;
    }

        .enrichedVignette .enrichedVignettePlay i {
            color: #fff;
            font-size: 13px;
            float: left;
        }

.spoc-timeline-beans > li.current {
    color: #743C2F !important;
}

.clickableDiv {
    cursor: pointer !important;
}

.arianeLine .hoverLink, .resultTitle {
    font-family: 'Block Berthold' !important;
    font-family: 'Flame' !important;
    font-weight: 100;
    font-size: 15px;
}

#presentationContainer .uppercase, #presentationContainer .uppercase div, #pageRessource .title-18, #searchPage .btnSearch, #searchPageResult .resultTitle {
    font-family: 'Block Berthold' !important;
    font-family: 'Flame' !important;
    font-weight: 100;
}

#pageRessource .title-18 {
    font-size: 22px;
}

#searchPage .btnSearch, #searchPageResult .resultTitle {
    font-size: 18px;
}

/*#webformHeader select, #webformHeader input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not(.ControlError):not(.mce-textbox) {
    box-shadow: 0px 0px 2px rgba(0,0,0,.1) !important;
    width: 100%;
    height: 40px !important;
    display: block;
    border: 1px solid #a8a8a8 !important;
    font-size: 16px;
    line-height: 40px;
    padding: 0 10px;
    z-index: 0 !important;
    border-radius: 4px;
}*/

#webformHeader body {
    background-color: #fff;
    color: #333;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: normal;
    padding: 0;
    margin: 0 auto;
    overflow-x: hidden;
    font-weight: 300;
}

#webformHeader html {
    min-height: 100%;
}

#webformHeader a, a:focus, a:active {
    outline: none;
    color: #fd3478;
}

    #webformHeader a:hover {
        color: #fd3478;
    }

/*------  Menu droite  ------*/
#webformHeader .menu {
    position: fixed;
    height: 100%;
    top: 60px;
    right: -500px;
    background-color: rgba(255,255,255,0.9);
    padding: 50px 60px 0 20px;
    box-shadow: -2px -2px 5px rgba(0,0,0,.2);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    z-index: 40;
}



    #webformHeader .menu a {
        display: block;
        color: #333;
        font-size: 20px;
        margin-bottom: 10px;
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
        text-decoration: none;
    }

        #webformHeader .menu a:hover {
            color: #fd3478;
            text-decoration: none;
        }

    #webformHeader .menu i {
        width: 35px;
        height: 35px;
        text-align: center;
        color: #fff;
        background-color: #fd3478;
        border-radius: 200px;
        line-height: 35px;
        font-size: 20px;
        margin-right: 10px;
    }



/*------  Header  ------*/
#webformHeader {
    background-color: #fff;
    height: 90px;
    box-shadow: 2px 0px 3px rgba(0,0,0,.3);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 500;
    width: 100%;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

    #webformHeader .header_container {
        display: flex;
        position: relative;
        height: 100%;
    }

    #webformHeader .logo {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        width: 200px;
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
    }

        #webformHeader .logo img {
            width: 100%;
            height: auto;
        }


    #webformHeader .dropdown-content {
        display: none;
        position: absolute;
        top: 0px;
        transform: translateX(0%);
        background-color: #fff;
        z-index: 1;
        white-space: nowrap;
        padding: 5px;
        font-weight: 300;
        margin: 0;
        font-size: 14px;
        text-align: left;
        min-width: 100%;
        border-top: 0;
        box-shadow: 0px 2px 3px rgba(0,0,0,.2);
    }

        #webformHeader .dropdown-content a {
            color: #303030 !important;
            text-decoration: none;
            display: block;
            padding: 5px 8px;
        }

        #webformHeader .dropdown-content .active {
            color: #12649d;
        }

        #webformHeader .dropdown-content a:hover {
            color: #fff !important;
            background-color: #DA8A1B;
        }

    #webformHeader .profil {
        margin: auto 10px auto 0;
    }

        #webformHeader .profil .avatar {
            width: 70px;
            height: 70px;
            overflow: hidden;
            border-radius: 200px;
            -webkit-transition: all 0.2s ease-out;
            -moz-transition: all 0.2s ease-out;
            transition: all 0.2s ease-out;
        }

            #webformHeader .profil .avatar img {
                width: 100%;
                height: auto;
            }

    #webformHeader .dropdown_profil {
        top: 30px;
    }




/*------  Header small // on scroll  ------*/
.header_small {
    height: 60px !important;
}

    .header_small .logo {
        width: 250px !important;
    }



    .header_small .profil .avatar {
        width: 50px !important;
        height: 50px !important;
    }

    .header_small .dropdown_profil {
        top: 35px !important;
    }

#webformHeader .navig {
    display: flex;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}

#webformHeader .recherche {
    background-color: #fff;
    height: 40px;
    box-shadow: 0px 0px 2px rgba(0,0,0,.4);
    border-radius: 4px;
    position: relative;
    margin: auto 10px auto 0
}

#webformHeader .search {
    height: 40px !important;
    border: 0;
    padding-right: 65px;
    background-color: transparent;
    box-shadow: 0px 0px 2px rgba(0,0,0,0) !important;
    font-size: 13px;
    width: 600px !important;
    padding-left: 15px;
}

    #webformHeader .search::placeholder {
        /* text-transform: uppercase; */
        font-size: 13px;
        font-weight: 400;
        color: #333;
    }

#webformHeader .btn_search {
    position: absolute;
    background-color: #6d7dff;
    width: 40px;
    height: 40px;
    right: 0;
    top: 0;
    background-image: url(/skin/Custom/images/icons/search_white.svg);
    background-repeat: no-repeat;
    background-size: auto 55%;
    background-position: center center;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    cursor: pointer;
    -webkit-transition: all 0.12s ease-out;
    -moz-transition: all 0.12s ease-out;
    transition: all 0.12s ease-out;
}

    #webformHeader .btn_search:hover {
        opacity: 0.8;
    }

.searchHeaderBK {
    top: 53%;
    transform: translateY(-50%);
    position: absolute;
    right: 15%;
}

#webformHeader .btn_menu {
    width: 30px;
    height: 30px;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: center center;
    margin: auto 10px auto 0;
    box-shadow: 0px 0px 2px rgba(0,0,0,.0);
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

    #webformHeader .btn_menu:hover {
        /* box-shadow: 0px 0px 5px rgba(0,159,209,.8); */
        opacity: 0.8;
    }

#webformHeader .btn_notif {
    background-image: url(/skin/Custom/images/icons/bell.svg);
    background-size: 55% auto;
}

#webformHeader .btn_group {
    background-image: url(/skin/Custom/images/icons/group.svg);
    background-size: 80% auto;
}

#webformHeader .btn_burger {
    background-image: url(/skin/Custom/images/icons/menu_blue.svg);
    background-size: 70% auto;
}

#webformHeader .btn_flag_fr-FR {
    background-image: url(/images//flags/fr.png);
    background-size: 80% auto;
}

#webformHeader .btn_flag_en-US, .btn_flag_en-EN {
    background-image: url(/images//flags/en.png);
    background-size: 80% auto;
}

#webformHeader .btn_flag_de {
    background-image: url(/images//flags/de.png);
    background-size: 80% auto;
}

#webformHeader .btn_flag_es {
    background-image: url(/images//flags/es.png);
    background-size: 80% auto;
}

#webformHeader .btn_menu .nb {
    position: absolute;
    background-color: #ff0000;
    font-size: 9px;
    color: #fff;
    padding: 2px 3px;
    right: -3px;
    top: -3px;
    border-radius: 4px;
    font-weight: 600;
}


#webformHeader .flags {
    top: 22px;
    padding: 3px;
}

    #webformHeader .flags img {
        width: 25px;
        height: auto;
    }

.mobile_menu {
    position: fixed;
    width: 100%;
    height: 30px;
    top: 60px;
    background-color: #f5f5f5;
    z-index: 200;
    display: none;
    border-bottom: 1px solid #fff;
}

.menu_burger {
    position: fixed;
    width: 30px;
    height: 30px;
    left: 10px;
    top: 60px;
    background-image: url(/skin/Custom/images/icons/menu.svg);
    background-repeat: no-repeat;
    background-position: center center;
    display: none;
    cursor: pointer;
    z-index: 200;
    background-size: 90% auto;
}

.btn_recherche_mobile {
    position: fixed;
    width: 30px;
    height: 30px;
    right: 10px;
    top: 60px;
    background-image: url(/skin/Custom/images/icons/search_grey.svg);
    background-repeat: no-repeat;
    background-position: center center;
    display: none;
    cursor: pointer;
    z-index: 300;
    background-size: 90% auto;
}

.recherche_mobile {
    position: fixed;
    left: 10px;
    top: 90px;
    right: 10px;
    z-index: 5000;
    height: 40px;
    background-color: #fff;
    box-shadow: 0px 0px 3px rgba(0,0,0,.4);
    border-radius: 4px;
    display: none;
    border: 1px solid #ccc;
}

.search_mobile {
    height: 40px !important;
    border: 0;
    padding-right: 65px;
    background-color: transparent;
    box-shadow: 0px 0px 2px rgba(0,0,0,0) !important;
    font-size: 14px;
    width: 100%;
}

    .search_mobile::placeholder {
        /*  text-transform: uppercase;*/
        font-size: 13px;
        font-weight: 400;
        color: #8f8f8f;
    }

.btn_search_mobile {
    position: absolute;
    background-color: #fd3478;
    width: 40px;
    height: 40px;
    right: 0;
    top: 0;
    background-image: url(/skin/Custom/images/icons/search_white.svg);
    background-repeat: no-repeat;
    background-size: auto 55%;
    background-position: center center;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    cursor: pointer;
    -webkit-transition: all 0.12s ease-out;
    -moz-transition: all 0.12s ease-out;
    transition: all 0.12s ease-out;
}

#webformHeader .btn_search:hover {
    /* background-color: #05b5ec;*/
}




/*  avatars  */
#webformHeader .avatar {
    width: 43px;
    height: 43px;
    overflow: hidden;
    border-radius: 200px;
}

    #webformHeader .avatar img {
        width: 100%;
        height: auto;
        -webkit-transition: all 0.12s ease-out;
        -moz-transition: all 0.12s ease-out;
        transition: all 0.12s ease-out;
    }

        #webformHeader .avatar img:hover {
            transform: scale(1.2);
        }

#webformHeader .avatar70 {
    width: 70px;
    height: 70px;
    overflow: hidden;
    border-radius: 200px;
    border: 2px solid #fff;
}


#webformHeader h1 {
    font-size: 24px;
    margin: 0;
    padding: 0;
    margin-top: 35px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fd3478;
}




#webformHeader .newsNotification {
    margin: 35px 7px;
}

/* NEWS NOTIFICATION */
#webformHeader .newsNotificationList {
    display: none;
    z-index: 199;
    position: absolute;
    top: 30px;
    right: -8px;
    width: 400px;
    background-color: #fff;
    border: 1px solid #434446;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 2px 2px 8px #434446;
}

    #webformHeader .newsNotificationList > ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        #webformHeader .newsNotificationList > ul > li {
            border-bottom: 1px solid #b4bbc5;
            padding: 5px;
            font-size: 0.9em;
        }

            #webformHeader .newsNotificationList > ul > li.isNew {
                font-weight: bold;
            }

            #webformHeader .newsNotificationList > ul > li:hover a {
                color: #000 !important;
            }

            #webformHeader .newsNotificationList > ul > li a {
                text-transform: none !important;
                color: #009fd1;
            }

.profil-dashboards-zone-numbers {
    background-color: #d52300 !important;
    font-size: 20px;
}

#profilPage .KPICardBo i {
    color: #d52300 !important;
}

.bo-data {
    color: #743C2F !important;
}


.loginBox .loginBoxForm #zTitle {
    font-size: 24px;
}

#pageArticle .fiche_header {
    margin-top: 0px;
}

.loginBox {
    width: auto;
    height: auto;
    position: initial;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    overflow: auto;
}

.login h1, .login label, .login input[type=text], .login input[type=password] {
    color: #743C2F !important;
}

.loginBoxForm .headerText {
    background-color: white !important;
    font-family: 'Block Berthold' !important;
    font-family: 'Flame' !important;
    color: #743C2F;
    font-weight: 400;
    font-size: 30px;
    text-transform: inherit;
    line-height: inherit;
}

.square-details:hover {
    border-width: 0;
}

.resourceItem {
    height: 100%;
}

.emptySlide {
    height: 230px;
}

.searchList .resourceItem {
    height: 182px;
}

.userInformationsLine {
    display: flex;
    align-items: center;
}

    .userInformationsLine .backgroundGrayColor {
        margin: 0px;
        width: 50%;
        position: absolute;
        right: 5px;
    }

#scormContainer .whiteOpacity, #scormContainer .launcher, #scormContainer, #previewIframe {
    border-radius: 0px !important;
}

.classicButton:focus {
    color: #fff !important;
}

.mobile_menu, .menu_burger {
    display: none !important;
}

#ctl00_newsNotification_zLink {
    position: relative;
}

div#ctl00_newsNotification_numberNotification {
    font-weight: 800;
    position: absolute;
    top: -2px;
    right: -5px;
    transition: transform .2s;
    width: 100%;
    text-align: right;
}

#ctl00_newsNotification_zLink:hover div#ctl00_newsNotification_numberNotification {
    font-weight: 800;
    position: absolute;
    top: -2px;
    right: -5px;
    transition: transform .2s;
}

/*.objectifBloc .font16, .objectifBloc .font16 p {
    white-space: pre-line;
}*/
.objectifBloc li {
    margin-left: 30px;
    list-style: disc;
}

.activearrow .fa-chevron-up {
    transform: rotate(180deg);
}

.articleItem .lineAuthorLink {
    position: absolute;
    bottom: 15px;
    right: 0;
}

.articleItem .titleArticle {
    background-color: #743c2f99 !important;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    font-size: 23px !important;
    text-shadow: 0px 0px 3px #743c2f;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: normal;
    padding: 20px !important;
}

.searchList .themeIcon {
    display: none;
}

.searchList .btnLaunchResourceList {
    color: white;
    background-color: #d52300;
    padding: 8px 20px;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
}

@media screen and (max-width:500px) {
    .header .fa-2x {
        font-size: 16px !important;
    }
}

.cell_result {
    margin-bottom: 20px !important;
}

    .cell_result li span {
        margin-left: 0 !important;
    }

    .cell_result * {
        font-family: 'FF_DIN_Pro', sans-serif !important;
        color: #303030;
        font-size: 18px !important;
        line-height: 24px !important;
    }

        .cell_result *:not(i), .cell_result *:not(i):not(.glyphicon) {
            font-family: 'FF_DIN_Pro', sans-serif !important;
        }

    .cell_result h1, .cell_result h2, .cell_result h3, .cell_result h4, .cell_result h5 {
        color: #743C2F !important;
        background-color: transparent !important;
        font-weight: 600 !important;
        text-transform: none !important;
        width: 100%;
        font-family: 'Block Berthold' !important;
        font-family: 'Flame' !important;
    }

    .cell_result h1 {
        font-size: 35px !important;
        line-height: 60px !important;
        text-transform: uppercase !important;
    }

    .cell_result h2 {
        font-size: 28px !important;
        text-transform: uppercase !important;
        margin: 10px 0 !important;
    }

    .cell_result h3, .cell_result h3 strong {
        font-size: 24px !important;
        color: #743C2F !important;
        text-transform: uppercase !important;
        margin: 10px 0 !important;
    }

    .cell_result h4, .cell_result h4 strong {
        font-size: 20px !important;
        color: #743C2F !important;
        margin: 10px 0 !important;
    }

    .cell_result h5, .cell_result h5 strong {
        font-size: 16px !important;
        color: #743C2F !important;
        margin: 10px 0 !important;
    }

    .cell_result p {
        font-size: 18px !important;
        line-height: 24px !important;
    }

    .cell_result ul, .cell_result ol {
        padding-left: 30px !important;
        margin: 10px 0 !important;
    }

        .cell_result ul > li, .cell_result ol > li {
            padding: 0 0 0 15px !important;
            margin-left: 15px !important;
        }


    .cell_result a {
        text-decoration: underline !important;
        color: #d52300 !important;
    }

        .cell_result a:hover {
            color: #d52300 !important;
        }

    .cell_result table {
        border: 1px solid #dadada !important;
    }

        .cell_result table td {
            padding: 15px !important;
        }


.sudoSliderContainer .nextBtn {
    right: -15px;
}

.sudoSliderContainer .prevBtn {
    left: -15px;
}

.attachementsSpoc ul li {
    float: initial;
    width: 100%;
}

#previousbtn_bPrevious {
    background-color: #d52300 !important;
    transition: 400ms;
}

#nextbtn_bNext {
    background-color: #d52300 !important;
    transition: 400ms;
}

#previousbtn_bPrevious {
    text-transform: uppercase;
}

#nextbtn_bNext {
    text-transform: uppercase;
}

#previousbtn_bPrevious:hover {
    background-color: #d52300 !important;
    color: #fff;
}

.spoc .col-sm-3 img {
    aspect-ratio: 4/3;
    object-fit: cover;
}

#zContainer .widget h2 {
    color: white;
    padding-left: 15px;
    background-color: #d52300 !important;
    font-size: 26px !important;
}

.objectList ul li .objectList_title {
    margin-left: 10px;
}

.spoc-timeline-section > li {
    border-left: 2px solid #d52300 !important;
}

.current .subway-station, .spoc-timeline-section .done .subway-station {
    border: 1px solid #d52300 !important;
}

.subway-station {
    border: 1px solid #d52300 !important;
}

.current .subway-station {
    background-color: #d52300 !important;
}
/*theme page css start*/
#Pagethemes {
    margin-top: -40px;
}

.imgTheme {
    width: 35vw;
}

.white-color {
    color: rgb(255, 255, 255) !important;
}

@media screen and (min-width: 768px) {
    #themeHeader .carousel-caption {
        top: 0px;
        position: relative;
        left: 40px !important;
    }
}

#divLinkSubThemes li a {
    color: #fff !important;
    text-decoration: none;
    font-weight: 600;
}

.communityThemeBtn {
    position: absolute;
    margin-left: 40px;
}

.communityThemeBtn {
    text-shadow: none;
    padding: 5px 15px;
    display: inline-block;
    margin-top: 30px;
    background-color: transparent;
    border: 2px solid #fff;
}

/*theme page css end*/


/*community  page css start*/
#communityHeader .mainIconTextColor {
    color: rgb(116, 60, 47) !important;
}

#communityHeader .close i {
    color: rgb(116, 60, 47) !important;
}
/*community  page css end*/

/*Planning css start*/
.fc-state-default {
    border: 1px solid #d52300 !important;
    border-color: #d52300 !important;
    color: #d52300 !important;
}

.fc-state-active {
    border: 1px solid #d52300 !important;
    background-color: #d52300 !important;
    border-color: #d52300 !important;
    color: white !important;
}

.fc-event {
    background-color: lightgrey !important;
    border: 1px solid grey !important;
}
/*Planning css end*/
/*Header respoonsive start*/
@media screen and (max-width:500px) {
    .header .navigleft {
        left: 100px !important
    }

    ;.header_container .navigleft a {
        margin-right: 5px !important;
        margin-left: 5px !important;
    }
}
/*Header respoonsive end*/
/*Summary homework css start*/
#summary-homework-reponse .accordion {
    background-color: #d52300 !important;
}
/*Summary homework css end*/


.themeBK .hoverColor, .articleItem .titleArticle {
    background-color: transparent !important;
}

#pageArticle .articleContainer .imgCol img {
    display: none;
}

/* REFONTE */

.boardShortcut {
    background-color: #d52300;
    padding: 20px;
    border-radius: 10px;
    margin-top: 10px;
}

    .boardShortcut a {
        font-size: 16px;
        font-weight: 600;
        color: white !important;
        display: flex;
        align-items: center;
        margin-top: 20px;
        margin-bottom: 20px;
    }

        .boardShortcut a i {
            margin-right: 10px;
        }

.btnFormaction {
    background-color: white;
    color: #743C2F;
    font-size: 18px;
    border-radius: 90px;
    font-weight: 600;
    padding: 10px 15px;
    text-align: center;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 10px;
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#mainDashboard .btnOutil {
    aspect-ratio: 4 / 3;
    background-color: #d52300;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
    font-size: 22px;
    font-weight: 500;
    font-family: 'Block Berthold' !important;
    font-family: 'Flame' !important;
    border-radius: 5px;
    background-size: cover;
}

.espaceNotif {
    background-color: #d52300;
    aspect-ratio: 8/7 !important;
    border-radius: 5px;
}

.articleItem .img-responsive {
    border-radius: 5px;
}

#mainDashboard .title-18 {
    margin-bottom: 10px;
    margin-top: 50px;
}

.fixFloatbar {
    position: fixed;
}

.fixFloatbar {
    position: fixed;
    top: 175px;
}

.mesOutils a:hover {
    text-decoration: none !important;
}

.btnFormaction img {
    width: 30px;
    margin-right: 10px;
}

#mainDashboard .btnOutil .btnOutilwording {
    font-size: 24px;
    font-weight: 500;
    font-family: 'Block Berthold' !important;
    font-family: 'Flame' !important;
    width: 100%;
    height: 100%;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}

.btnSearchHeader {
    display: flex;
    align-items: center;
    padding-right: 10px;
}

#backOfficeButton.mainBackgroundColor {
    background-color: #d52300 !important;
}

    #backOfficeButton.mainBackgroundColor:hover {
        background-color: #d52300 !important;
    }

a:hover, .header_profile, .header_profile:hover, .articleContainer a {
    color: #d52300 !important;
}

.mainBackgroundColor, #searchPage .btnSearch, #pageRessource .sessionContainer .btnSeeMore, .userInformationsLine, .classicButton:hover, .mainButtonBackgroundColor:hover, .list_display .choice_btn_select, .choice_btn_select:hover, .confirm, .dropdown_profil a:hover, .importButton, .classicButton, .submitButton {
    background-color: #d52300 !important;
}

#footerLearn {
    border-bottom: 10px solid #d52300;
}

a:hover {
    text-decoration: none !important;
}

.rowWelcomeCard {
    margin-bottom: -15px;
}

#mainDashboard .title-18 {
    font-size: 26px !important;
}

#mainDashboard .articleItem .titleArticle {
    position: relative;
    width: 100%;
    background-color: #d52300 !important;
    margin: 0px !important;
    height: auto !important;
    left: auto;
    top: auto;
    padding: 10px 15px !important;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Block Berthold' !important;
    font-family: 'Flame' !important;
}

.articleItem .square-title {
    padding: 0;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.articleItem .lineAuthorLink {
    padding: 5px;
    background-color: #743c2f;
}

#mainDashboard .actuTitleLabel {
    position: absolute;
    bottom: 15px;
    left: 0px;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Block Berthold' !important;
    font-family: 'Flame' !important;
    text-transform: uppercase;
    color: white;
    padding: 4px 15px;
    background-color: #743c2f;
}

#webformHeader.header_small .logo {
    width: 150px !important;
}

.floatdashscroll {
    top: 20px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: 400ms;
}

@media screen and (max-width:1000px) {
    .fixFloatbar {
        position: relative;
    }

    #mainDashboard .btnOutil {
        margin-bottom: 25px;
    }

    #customFormationTodo {
        padding-left: 20px;
    }

    .boardShortcut a {
        justify-content: center;
    }

    .fixFloatbar {
        width: 50%;
        margin-left: 0%;
        text-align: center;
    }



    .espaceNotif {
        aspect-ratio: 8/4 !important;
    }
}

@media screen and (max-width:500px) {
    .fixFloatbar {
        width: 80%;
        margin-left: 10%;
        text-align: center;
    }

    .header .fa-2x {
        font-size: 25px !important;
    }

    #webformHeader .navig {
        right: 15px;
    }
}

.espaceNotif {
    background-color: #fff;
    border: 1px solid #E2E2E2;
    margin-top: 10px;
    display: inline-flex;
}

.card {
    border-radius: 5px !important;
    background: #d52300 !important;
    height: 100%;
    overflow: auto;
}

.espaceNotif .alert {
    position: relative;
}

.espaceNotif .notification-alert .close {
    right: 6px !important;
    position: absolute !important;
}

::-webkit-scrollbar-track {
    background-color: #fff;
}

::-webkit-scrollbar {
    width: 8px;
    background-color: #fff;
}

::-webkit-scrollbar-thumb {
    background-color: #d52300;
}

.fixFloatbar {
    z-index: 9;
}

#mainDashboard, .loginBox .loginBoxForm, .loginPanel {
    background-color: #fff4ec !important;
}


    #mainDashboard .btnOutil .btnOutilwording {
        text-transform: uppercase;
    }

        #mainDashboard .btnOutil .btnOutilwording div {
            font-size: 24px;
            font-weight: 500;
            font-family: 'Block Berthold' !important;
            font-family: 'Flame' !important;
            padding: 15px;
            width: 100%;
            height: 100px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

    #mainDashboard .btnFormaction div, .header_container .header_profile span, #documentDatabasePage h1 {
        font-family: 'Flame' !important;
    }

.docTree .parentTheme label {
    color: white !important;
}

#documentDatabasePage .docTree > div {
    background-color: #d52300;
    border-radius: 10px;
}

#documentDatabasePage h1 {
    color: #743C2F;
}

#profilPage .panel-body.backgroundWhiteColor.padding-15.relative.border-radius-2, #profilPage .panel-body.backgroundWhiteColor.padding-15.relative.border-radius-2 .actionColor {
    background-color: #d52300;
    color: white !important;
}

.list_display .choice_btn_select, .choice_btn_select:hover, #formationsDone .choice_btn_select {
    background-color: #d52300;
}

#pageRessource .title-18, #pageRessource .maincolor {
    color: #d52300;
}

.ressourcePage .col-md-9 .padding-5, #toggle8 {
    background-color: white;
    padding-left: 10px !important;
    border-left: 5px solid #d52300;
    BORDER-RADIUS: 5PX;
    padding-top: 5px;
}

.ressourcePage .col-md-9 .container-fluid .padding-5 {
    background-color: #743C2F;
    padding-left: auto !important;
    border-left: 0px solid red;
}

.ressourcePage .col-md-9 .col-md-6 .padding-5 {
    background-color: transparent;
    padding-left: auto !important;
    border-left: 0px solid red;
}

#toggle8 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.loginBox .input-group-addon img {
    width: 22px;
    height: 26px;
    filter: brightness(35.5);
    margin-left: -4px;
    margin-right: -4px;
}

.boardShortcut a:hover {
    color: white !important;
}

#searchPage .input-group-addon {
    background-color: #d52300 !important;
    border-color: #d52300 !important;
}

#mainDashboard .btnOutil {
    background-size: contain;
    background-position: bottom left;
    background-repeat: no-repeat;
}

    #mainDashboard .btnOutil .btnOutilwording {
        padding-top: 0px;
        align-items: flex-start;
    }

#pageRessource .labelBlocTop {
    FONT-SIZE: 16PX;
}

#pageRessource .title-18 i {
    margin-right: 5Px;
}

@media screen and (max-height:860px) {
    .loginBox .imageLogo {
        width: 330px !important;
        margin-top: 7% !important;
    }

    .loginBox .loginBoxForm {
        margin-top: -80px !important;
    }
}

#learningPathStartPage .col-md-8 {
    width: 100%;
    margin-left: 15px;
}

.ressourcePage .col-md-9 .barleft .padding-5 {
    background-color: white;
    padding-left: 12px !important;
    border-left: 3px solid #d52300;
    BORDER-RADIUS: 0px;
}

#pageRessource .barleft .title-18 {
    font-size: 16px;
    white-space: normal;
}

#QuestionList textarea {
    resize: none;
}

#QuestionList .pagination a {
    margin-bottom: 5px;
}

/*Begine  themes Cards */
.themesListDashboard, #themes {
    background-color: transparent !important;
}
/*End  themes Cards */

/*Begine  fonts  */
.title-18 {
    font-weight: 600 !important;
}
/*Begine fonts */

/*Begine  notifications zone */
.zoneNotification h4 {
    display: none !important;
}

.notification-alert a {
    color: white !important;
    text-decoration: none;
    font-size: 14px !important;
}

.espaceNotif .alert {
    padding: 15px !important;
    color: white !important;
    margin: 2px;
    border: 0 solid transparent;
}

.espaceNotif .notification-alert .close {
    right: 6px !important;
    position: absolute !important;
    padding: 5px;
}
/*End  notifications zone */

/*start  search zone */
div#resultSearch {
    background-color: white !important;
}
/*end  search zone */

/*start  resource card zone */
.resourceItem .vignette-star {
    top: 8px !important;
    right: 7px !important;
}
/*end  resource card zone */

/*start  resource page zone */
#pageRessource .adminBarRessource i:not(.greenImportant) {
    color: white !important;
}

#pageRessource .title-18, #pageRessource .maincolor {
    color: #d52300 !important;
}

.dlCertif, .dlFicheFormation {
    margin-top: 10px;
}
/*end  resource page zone */

/*begin  login page zone */
.loginBox .loginBoxForm #zTitle {
    font-size: 24px !important;
    text-transform: capitalize;
}

.loginBox .loginBoxForm #zTitle, .login label, .login input[type=text], .login input[type=password], .text-primary, .navbar .navbar-nav .nav-item.active a.nav-link {
    color: var(--main-color) !important;
}

.loginBox .loginBoxForm #zTitle {
    margin-top: 30px !important;
}

.loginBox .loginBoxForm {
    top: unset !important;
    position: inherit !important;
    padding: 10% 10% !important;
}

#loginSubmit {
    width: 100% !important;
    border-radius: 4px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.btn-default:not(#bClose):not(.dropdown-toggle):hover {
    color: white !important;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: unset;
    transition: unset;
}

#tForgetPassword {
    color: var(--secondary-color) !important;
    text-decoration: none;
}
/*end  login page zone */

/*begin  profile  page zone */
#profilPage .title-18, #profilPage .title-20, #profilPage .KPICardBo i, #formationsDone label {
    color: White !important;
}

a.cancelButton {
    border-radius: 2px;
    padding: 10px 35px;
    color: var(--secondary-color) !important;
    cursor: pointer;
    border: none;
    line-height: initial;
}

/*end  profile page zone */


.lineAuthorLink {
    margin-bottom: 0px !important;
}

.articleCreationDate {
    color: white !important;
}

.themeCard, .articleItem .img-responsive {
    background-size: cover !important;
}

    .themeCard:hover, .articleItem .img-responsive:hover {
        background-size: cover !important;
    }

#mainDashboard .resourceItem .checkImage {
    height: 90% !important;
}

.resourceList .list {
    padding-bottom: 40px !important;
}

.resourceBlocResponsive {
    width: auto !important;
}

.fullMVC #presentationContainer {
    padding-bottom: 0px !important;
}

#searchPage, body, #resultSearch, .backgroundGreyColor, .fullMVC #presentationContainerParent {
    background-color: #fff !important;
}

#pageRessource .launchRessource:hover, #communityLink:hover, .mainButtonBackgroundColor:hover, .mention-area .highlight a.mentiony-link:hover {
    color: white !important;
}

#pageRessource .launchRessource:hover, #communityLink:hover, .mainButtonBackgroundColor:hover, .mention-area .highlight a.mentiony-link:hover {
    color: white !important;
}

.bootstrapdatepicker i {
    color: var(--secondary-color) !important;
}

img.img-responsive.mainImage {
    display: block !important;
}

.spoc-details-header-title.enrolled a {
    color: white !important;
    background-color: #6d7dff !important;
}

    .spoc-details-header-title.enrolled a:hover {
        color: white !important;
        background-color: #fd3478 !important;
    }

#details_instructor_bottom a {
    color: white !important;
    background-color: #6d7dff !important;
}

    #details_instructor_bottom a:hover {
        color: white !important;
        background-color: #fd3478 !important;
    }

#details_instructor_bottom input {
    color: white !important;
    background-color: #6d7dff !important;
}
    #details_instructor_bottom input:hover {
        color: white !important;
        background-color: #fd3478 !important;
    }

.cancelButton {
    padding: 10px 35px !important;
}

#pageRessource .text-truncate.bold.title-18 {
    margin-top: 15px !important;
}

#pageRessource .objectifBloc {
    padding-top: 0px !important;
}

iframe#previewIframe {
    max-height: 60vh;
}

.objectifBloc ul li {
    list-style: disc !important;
}

.objectifBloc ol li {
    list-style: decimal !important;
}

.objectifBloc {
    text-align: start !important;
}

.sessionContainer {
    background-color: transparent !important;
}

.bandeauDate.absoluteTopLeft.padding-5.margin-top-5.white-color.ThirdBackgroundColor {
    text-align: left;
}

.btn-default:not(#bClose):not(.dropdown-toggle):hover {
    background-color: var(--secondary-color) !important;
}

.ressourcePlayer.margin-bot-30 {
    position: relative;
    z-index: 1;
}

body#slickQuiz {
    overflow: hidden;
}
.documentDatabaseBtn {
    display: none !important;
}

#backofficeMenuContainer #listHeader, #backofficeMenuContainer #listHeader span, #backofficeMenuContainer #listHeader a, #backofficeMenuContainer #listHeader i {
    background-color: #d52300 !important;
}
    #backofficeMenuContainer #listHeader, #backofficeMenuContainer #listHeader span, #backofficeMenuContainer #listHeader a, #backofficeMenuContainer #listHeader i {
        background-color: #fff !important;
    }
#backofficeMenu a, #backofficeMenu a:hover {
    color: #fff !important;
}
#backofficeMenuContainer #listHeader, #backofficeMenuContainer #listHeader span, #backofficeMenuContainer #listHeader a, #backofficeMenuContainer #listHeader i {
   color: #d52300 !important;
}
#backofficeMenuContainer #listHeader {
    color: #fd3478;
    border-bottom: 2px solid #d52300;
}

.bo-section.selected {
    background-color: #434A52;
    border-left: 5px solid #d52300;
}
.bo-section.selected {
    background-color: #523028!important;
}
.bo-dashboards-zone-numbers {
    background-color: #743C2F!important;
}
.bo-section:hover {
    background-color: #743C2F !important;
}
.titleGroupPermission {
    color: #d52300 !important;
}