/* -----------------------------------------------------
----------------------- TAB Theme ----------------------
-------------------------------------------------------- */
.HGTheme .design_tab .nav-item .nav-link.active {
    background-color: var(--medical_color);
}

.MedicalTheme .design_tab .nav-item .nav-link.active {
    background-color: var(--medical_color);
}

.BureautiqueTheme .design_tab .nav-item .nav-link.active {
    background-color: var(--bureautique_color);
}

.MarquageTheme .design_tab .nav-item .nav-link.active {
    background-color: var(--marquage_color);
}

/* -----------------------------------------------------
----------------------- TAB Theme ----------------------
-------------------------------------------------------- */

/* -----------------------------------------------------
-------------------------- BTN -------------------------
-------------------------------------------------------- */

/* ---- btn_bureatique ----- */
.btn.btn_bureatique {
    border: var(--bureautique_color) solid 2px;
    padding: 10px 25px;
    color: var(--bureautique_color);
    font-size: 16px;
    font-weight: 600;
    line-height: 21px;
}

.btn.btn_bureatique:hover {
    background: var(--bureautique_color);
    color: #fff;
    box-shadow: 0px 0px 15px 1px var(--bureautique_color);
}

/* ---- btn_bureatique ----- */

/* ---- btn_marquage ----- */
.btn.btn_marquage {
    border: var(--marquage_color) solid 2px;
    padding: 10px 25px;
    color: var(--marquage_color);
    font-size: 16px;
    font-weight: 600;
    line-height: 21px;
}

.btn.btn_marquage:hover {
    background: var(--marquage_color);
    color: #fff;
    box-shadow: 0px 0px 15px 1px var(--marquage_color);
}

/* ---- btn_marquage ----- */

/* ---- btn_medical ----- */
.btn.btn_medical {
    border: var(--medical_color) solid 2px;
    padding: 10px 25px;
    color: var(--medical_color);
    font-size: 16px;
    font-weight: 600;
    line-height: 21px;
}

.btn.btn_medical:hover {
    background: var(--medical_color);
    color: #fff;
    box-shadow: 0px 0px 15px 1px var(--medical_color);
}

/* ---- btn_medical ----- */

/* -----------------------------------------------------
-------------------------- BTN -------------------------
-------------------------------------------------------- */

/* -----------------------------------------------------
------------------------ PAGE HG -----------------------
-------------------------------------------------------- */

/* -------- stl-hg-s1 --------- */
.stl-hg-s1 {}

.stl-hg-s1 .digital_content .s_title {
    color: var(--black_color);
}

.stl-hg-s1 .digital_content .s_description {
    color: var(--black_color);
}

.stl-hg-s1 .digital_content .btn_six.s_btn {
    box-shadow: 0px 30px 30px 0px rgba(0, 11, 40, 0.1);
    background: #075daa;
    border-color: #075daa;
    color: #fff;
}

.stl-hg-s1 .digital_content .btn_six.btn_six:hover {
    background: #075daa;
    color: #fff;
    box-shadow: none;
}

.stl-hg-s1 .digital_video_slider {
    width: 50%;
    position: absolute;
    right: 0;
    top: calc(50% + 80px);
    transform: translateY(-50%);
}

.stl-hg-s1 .digital_video_slider .owl-stage-outer {
    max-height: 490px;
    border-radius: 10px;
}

.stl-hg-s1 .digital_video_slider .owl-stage-outer .owl-stage {
    padding-bottom: 0;
}

.stl-hg-s1 .digital_video_slider .video_icon i {
    color: #075daa;
    text-shadow: 0px 6px 25px rgb(7, 93, 170);
    position: relative;
}

.stl-hg-s1 .digital_video_slider .video_item {
    min-height: 490px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    box-shadow: unset;
    cursor: pointer;
}

.stl-hg-s1 .digital_video_slider .video_item .content {
    width: 100%;
    margin-top: auto;
    margin-bottom: auto;
    z-index: 10;
}

[class*="stl-hg"] .digital_video_slider .video_item .title {
    font-size: 26px;
    color: var(--white_color);
}

[class*="stl-hg"] .digital_video_slider .video_item .description {
    color: var(--white_color);
    padding: 0 20px;
    margin-top: 20px;
}

*[class*="stl-hg"] .digital_video_slider .video_item .description {
    color: var(--white_color);
}

.stl-hg-s1 .digital_video_slider .video_item .btn_scroll {
    font-size: 15px;
    padding: 8px 30px;
}

.stl-hg-s1 .digital_video_slider .video_item .overlay {
    width: 100%;
    background: rgba(0,0,0,0.5);
    position: absolute;
    height: 100%;
    border-radius: 6px;
    z-index: 0;
    opacity: 0;
    transition: all 0.3s linear;
}

.stl-hg-s1 .digital_video_slider .video_item:hover .overlay {
    opacity: 1;
}

.stl-hg-s1 .digital_video_slider .owl-nav button.owl-next {
    display: none !important;
}

@media only screen and (max-width: 992px) {
    .stl-hg-s1 .digital_video_slider {
        width: 100%;
        position: relative;
        top: auto;
        bottom: 0;
        transform: translateY(0);
        padding: 50px 15px 0px;
    }
    .stl-hg-s1 .digital_video_slider .owl-nav button.owl-next {
        display: flex !important;
    }
}

/* -------- stl-hg-s1 --------- */

/* -------- stl-hg-s2 --------- */
.stl-hg-s2 {}

.stl-hg-s2 .p-section-bg {
    background-color: var(--white_color);
}

.stl-hg-s2 .section_one_img {
    position: relative;
    overflow: initial;
    width: auto;
    height: 100%;
    display: flex;
    min-width: 100%;
    margin-left: 0;
}

@media only screen and (min-width: 1800px) {
    .stl-hg-s2 .section_one_img {
        min-width: 175%;
    }
}

@media only screen and (min-width: 1600px) and (max-width: 1799px) {
    .stl-hg-s2 .section_one_img {
        min-width: 145%;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1599) {
    .stl-hg-s2 .section_one_img {
        min-width: 125%;
    }
}

.stl-hg-s2 .section_one_img img {
    max-height: 610px;
    max-width: initial;
    margin: auto;
}

.stl-hg-s2 .section_one_img .dots {
    width: 88%;
    right: -45px;
    bottom: 25px;
}

@media only screen and (max-width: 1451px) {
    .stl-hg-s2 .section_one_img .dots {
        width: 88%;
        right: -40px;
        bottom: 25px;
    }

    .section_one_img img {
        max-width: 100%;
    }
}

.stl-hg-s2 .pp_features_info {}

.stl-hg-s2 .pp_features_info .row {
    margin-top: 0;
}

.stl-hg-s2 .pp_features_info .pp_sec_title {}

.stl-hg-s2 .pp_features_info .sec_title {
    font-size: 36px;
    font-weight: 600;
    line-height: 41px;
    color: var(--black_color);
    margin-bottom: 10px;
}

.stl-hg-s2.active .pp_features_info .sec_title {
    animation: fadeInUp 0.9s both 0.8s;
}

.stl-hg-s2 .pp_features_info .sec_description {
    font-size: 16px;
    display: block;
    position: relative;
}

.stl-hg-s2 .pp_features_item {
    padding-right: 0;
    margin-top: 15px;
}

.stl-hg-s2 .pp_features_item .icon {
    margin-bottom: 10px;
}

.stl-hg-s2.active .anim1 {
    animation: zoomIn 0.9s both 1s;
}

.stl-hg-s2.active .anim2 {
    animation: zoomIn 0.9s both 1.3s;
}

.stl-hg-s2.active .anim3 {
    animation: zoomIn 0.9s both 1.6s;
}

.stl-hg-s2.active .anim4 {
    animation: zoomIn 0.9s both 1.9s;
}

.stl-hg-s2 .pp_features_item .title {
    color: #4b505e;
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 5px;
}

.stl-hg-s2 .pp_features_item .description {
    font-size: 16px;
    color: #677294;
}

/* -------- stl-hg-s2 --------- */

/* -------- stl-hg-s3 --------- */
.stl-hg-s3 {}

.stl-hg-s3 .p-section-bg {
    background: rgb(234, 234, 238);
}

.stl-hg-s3 .sec_title {
    font-size: 40px;
    line-height: 55px;
    font-weight: 600;
    color: black;
    margin-bottom: 15px;
}

.stl-hg-s3.medical .sec_title {
    color: var(--medical_color);
}

.stl-hg-s3.bureautique .sec_title {
    color: var(--bureautique_color);
}

.stl-hg-s3.marquage .sec_title {
    color: var(--marquage_color);
}

.stl-hg-s3.active .sec_title {
    animation: fadeInUp 0.9s both 0.8s;
}

.stl-hg-s3 .sec_description {
    font-weight: normal;
    color: black;
    font-size: 16px;
    max-width: 700px;
    margin: 0 auto;
}

.stl-hg-s3 .s_integration_item {}

.stl-hg-s3.active .s_integration_item {
    animation: zoomIn 0.9s both 1s;
}

.stl-hg-s3 .s_integration_item_img {
    max-height: 50px;
}

.stl-hg-s3 .s_integration_item:hover .s_integration_item_img {
    /*opacity: 0;*/
}

.stl-hg-s3 .s_integration_item_description {
    position: absolute;
    top: 0;
    overflow: hidden;
    height: 100%;
    opacity: 0;
    width: 100%;
    display: flex;
    border-radius: 7px;
    transition: all 0.3s linear;
}

.stl-hg-s3 .s_integration_item:hover .s_integration_item_description {
    /*animation: fadeIn 0.9s both 0.2s;*/
    opacity: 1;
}

.stl-hg-s3 .s_integration_item:hover .s_integration_item_description p {
    animation: zoomIn 0.2s both 0.2s;
}

.stl-hg-s3 .s_integration_item.medical .s_integration_item_description {
    background: var(--medical_color);
}

.stl-hg-s3 .s_integration_item.bureautique .s_integration_item_description {
    background: var(--bureautique_color);
}

.stl-hg-s3 .s_integration_item.marquage .s_integration_item_description {
    background: var(--marquage_color);
}

.stl-hg-s3 .s_integration_item_description p {
    font-size: 16px;
    color: #fff;
    margin: auto;
}

/* -------- stl-hg-s3 --------- */

/* -------- stl-hg-s4 --------- */
.stl-hg-s4 {}

.stl-hg-s4 .p-section-bg {
    background: rgb(234, 234, 238);
}

.stl-hg-s4.active .sec_title {
    animation: fadeInUp 0.9s both 0.8s;
}

.stl-hg-s4 .sec_title {
    font-size: 40px;
    line-height: 55px;
    font-weight: 600;
    color: #000;
    margin-bottom: 45px;
    text-align: center;
}

.stl-hg-s4 .col_slide {}

.stl-hg-s4 .slide {}

.stl-hg-s4 .slide .owl-stage-outer {
    border-radius: 10px;
}

.stl-hg-s4 .slide .item {
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    border-radius: 10px;
}

.stl-hg-s4 .slide .block_text {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 30px 30px;
    max-height: 325px;
    overflow-y: auto;
    position: relative;
}

@media only screen and (max-width: 991px) {
    .stl-hg-s4 .slide .block_text {
        max-height: 100%;
    }
}

.stl-hg-s4 .slide .item_ttl {
    font-size: 21px;
    line-height: 21px;
    margin-bottom: 12px;
    text-align: left;
    color: #000;
    font-weight: 600;
}

.stl-hg-s4 .slide .item_desc {
    font-size: 18px;
    color: #4e515b;
    text-align: left;
}

.stl-hg-s4 .slide .item_desc span {
    padding: 0;
}

.stl-hg-s4 .slide .block_img {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.stl-hg-s4 .slide .img {
    min-height: 325px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 0px 10px 10px 0px;
}

.stl-hg-s4 .slide .item > div:first-child:not(.block_text) .img {
    border-radius: 10px 0px 0px 10px;
}

@media only screen and (max-width: 991px) {
    .stl-hg-s4 .slide .img {
        border-radius: 10px 10px 0px 0px;
    }

    .stl-hg-s4 .slide .item > div:first-child:not(.block_text) .img {
        border-radius: 10px 10px 0px 0px;
    }
}
/* -------- stl-hg-s4 --------- */

/* -----------------------------------------------------
------------------------ PAGE HG -----------------------
-------------------------------------------------------- */

/* -----------------------------------------------------
--------------------- PAGE MEDICALE --------------------
-------------------------------------------------------- */

/* -------- stl-medicale-s1 --------- */
.stl-medicale-s1 .p-section-bg {
    background: #fff;
}

.stl-medicale-s1 .section_title {
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
    color: var(--medical_color);
    margin-bottom: 15px;
}

.stl-medicale-s1 .section_stitle {
    font-size: 20px;
    font-weight: 300;
    color: var(--black_color);
    margin-bottom: 0;
    line-height: 28px;
}

.stl-medicale-s1 .bloc_info {}

.stl-medicale-s1 .bloc_item {
    margin-bottom: 0;
    background-color: unset;
    box-shadow: 0px 3px 10px 0px rgb(92, 179, 188, 0.5);
    padding: 0;
    transition: all 0.3s linear;
    cursor: pointer;
    text-align: center;
    border-radius: 10px;
}

.stl-medicale-s1 .bloc_item:hover {
    transform: translateY(6px);
    box-shadow: 0px 2px 8px 0px rgb(92, 179, 188, 0.5);
}

.stl-medicale-s1 .bloc_item .header {
    width: 100%;
    min-height: 175px;
    background-position: center;
    background-size: cover;
    border-radius: 10px 10px 0 0;
}

.div-section-6-element {
    float: none;
    margin: 0 auto;
}

.stl-medicale-s1 .bloc_item .body {
    /*background: var(--medical_color);*/
    text-align: left;
    padding: 15px;
    border-radius: 0 0 10px 10px;
    min-height: 225px;
}

.stl-medicale-s1 .bloc_item .body .title {
    font-size: 21px;
    line-height: 28px;
    /*color: var(--white_color);*/
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 12px;
    transition: color 0.2s linear;
    min-height: 60px;
}

.stl-medicale-s1 .bloc_item .body .description {
    font-size: 16px;
    line-height: 21px;
    color: var(--white_color);
    margin-bottom: 0;
}

/* -------- stl-medicale-s1 --------- */

/* -------- stl-medicale-s2 --------- */
/* -------- stl-medicale-s2 --------- */

/* -------- stl-medicale-s3 --------- */
.stl-medicale-s3 .col_info {}

.stl-medicale-s3 .col_info .title {
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
    color: var(--medical_color);
    margin-bottom: 10px;
}

.stl-medicale-s3 .col_info .stitle {
    font-size: 22px;
    font-weight: 500;
    line-height: 22px;
    color: #4b505e;
    margin-bottom: 30px;
}

.stl-medicale-s3 .col_info .col_img {}

.stl-medicale-s3 .col_info .row_img {}

.stl-medicale-s3 .col_info .col_img .img {
    width: 100%;
    height: 100%;
    background-size: auto 100%;
    background-position: left;
    background-repeat: no-repeat;
    transition: all 2s ease;
}

.stl-medicale-s3 .col_info .col_text {}

.stl-medicale-s3 .col_info .col_text .title {}

.stl-medicale-s3 .col_info .col_text .description {
    font-size: 16px;
    color: #677294;
}

/* -------- home-s2-type --------- */
/* -------- loading --------- */
.loading {
    width: 100%;
    height: 100%;
    position: fixed;
    background: #fbfafa82;
    top: 0;
    z-index: 10;
    display: none;
}

/* -------- loading --------- */
.stl-medicale-s3 .col_slide {
    margin-top: auto;
    margin-bottom: auto;
}

.stl-medicale-s3 .col_slide .slide {}

.stl-medicale-s3 .slide .item {
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
}

.stl-medicale-s3 .slide .item .header {
    min-height: 285px;
    background-size: cover;
    background-position: center;
}

.stl-medicale-s3 .slide .item .body {
    text-align: left;
    padding: 20px 20px;
}

.stl-medicale-s3 .slide .item .title {
    color: var(--white_color);
    font-size: 24px;
    line-height: 25px;
    margin-bottom: 18px;
    text-align: left;
}

.stl-medicale-s3 .slide .item .description {
    font-size: 16px;
    line-height: 22px;
    text-align: left;
    color: var(--white_color);
}

.stl-medicale-s3 .slide .item .link {
    font-size: 18px;
    line-height: 21px;
    text-align: left;
    color: var(--white_color);
    text-decoration: underline;
}

/* -------- stl-medicale-s3 --------- */

/* -------- stl-medicale-s4 --------- */
.stl-medicale-s4 {}

.stl-medicale-s4 .container {
    max-width: 100%;
}

.stl-medicale-s4 .col_img {
    height: calc(100vh - 110px);
    padding-left: 0;
}

.stl-medicale-s4 .img {
    min-height: 50%;
    margin-bottom: 2px;
    background-size: cover;
}

.stl-medicale-s4 .col_text {
    margin-top: auto;
    margin-bottom: auto;
    padding-left: 4%;
    padding-right: 4%;
}

.stl-medicale-s4 .title {
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
    color: var(--medical_color);
    margin-bottom: 16px;
    text-align: center;
}

.stl-medicale-s4.active .title {
    animation: fadeInUp 0.9s both 0.8s;
}

.stl-medicale-s4 .stitle {
    font-size: 20px;
    font-weight: 300;
    color: #4b505e;
    margin-bottom: 26px;
    line-height: 22px;
    text-align: center;
}

.stl-medicale-s4 .description {
    font-size: 16px;
    color: #677294;
    text-align: center;
}

/* -------- stl-medicale-s4 --------- */

/* -------- stl-medicale-s5 --------- */
.stl-medicale-s5 {}

.stl-medicale-s5 .p-section-bg {
    background: #fff;
}

.stl-medicale-s5 .sec_title {
    font-size: 40px;
    line-height: 55px;
    font-weight: 600;
    color: var(--medical_color);
    margin-bottom: 15px;
}

.stl-medicale-s5.active .sec_title {
    animation: fadeInUp 0.9s both 0.8s;
}

.stl-medicale-s5 .sec_description {
    font-weight: normal;
    color: var(--black);
    font-size: 16px;
    max-width: 700px;
    margin: 0 auto;
}

.stl-medicale-s5 .s_integration_item {}

.stl-medicale-s5.active .s_integration_item {
    animation: zoomIn 0.9s both 1s;
}

.stl-medicale-s5 .s_integration_item_img {
    max-height: 50px;
}

.stl-medicale-s5 .s_integration_item:hover .s_integration_item_img {
    /*opacity: 0;*/
}

.stl-medicale-s5 .s_integration_item_description {
    position: absolute;
    top: 0;
    overflow: hidden;
    height: 100%;
    opacity: 0;
    width: 100%;
    display: flex;
    border-radius: 7px;
    transition: all 0.3s linear;
}

.stl-medicale-s5 .s_integration_item:hover .s_integration_item_description {
    /*animation: fadeIn 0.9s both 0.2s;*/
    opacity: 1;
}

.stl-medicale-s5 .s_integration_item:hover .s_integration_item_description p {
    animation: zoomIn 0.2s both 0.2s;
}

.stl-medicale-s5 .s_integration_item.medical .s_integration_item_description {
    background: var(--medical_color);
}

.stl-medicale-s5 .s_integration_item.bureautique .s_integration_item_description {
    background: var(--bureautique_color);
}

.stl-medicale-s5 .s_integration_item.marquage .s_integration_item_description {
    background: var(--marquage_color);
}

.stl-medicale-s5 .s_integration_item_description p {
    font-size: 16px;
    color: #fff;
    margin: auto;
}

/* -------- stl-medicale-s5 --------- */

/* -----------------------------------------------------
--------------------- PAGE MEDICALE --------------------
-------------------------------------------------------- */

/* -----------------------------------------------------
-------------------- PAGE BUREAUTIQUE -------------------
-------------------------------------------------------- */

/* -------- stl-bureautique-s1 --------- */
.stl-bureautique-s1 .p-section-bg {
    background: #fff;
}

.stl-bureautique-s1 .section_title {
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
    color: var(--bureautique_color);
    margin-bottom: 15px;
}

.stl-bureautique-s1 .section_stitle {
    font-size: 20px;
    font-weight: 300;
    color: var(--black_color);
    margin-bottom: 0;
    line-height: 28px;
}

.stl-bureautique-s1 .bloc_info {}

.stl-bureautique-s1 .bloc_item {
    margin-bottom: 0;
    background-color: unset;
    box-shadow: 0px 3px 10px 0px rgb(92, 179, 188, 0.5);
    padding: 0;
    transition: all 0.3s linear;
    cursor: pointer;
    text-align: center;
    border-radius: 10px;
}

.stl-bureautique-s1 .bloc_item:hover {
    transform: translateY(6px);
    box-shadow: 0px 2px 8px 0px rgb(92, 179, 188, 0.5);
}

.stl-bureautique-s1 .bloc_item .header {
    width: 100%;
    min-height: 175px;
    background-position: center;
    background-size: cover;
    border-radius: 10px 10px 0 0;
}

.stl-bureautique-s1 .bloc_item .body {
    background: var(--bureautique_color);
    text-align: left;
    padding: 15px;
    border-radius: 0 0 10px 10px;
    min-height: 225px;
}

.stl-bureautique-s1 .bloc_item .body .title {
    font-size: 21px;
    line-height: 28px;
    color: var(--white_color);
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 12px;
    transition: color 0.2s linear;
    min-height: 60px;
}

.stl-bureautique-s1 .bloc_item .body .description {
    font-size: 16px;
    line-height: 21px;
    color: var(--white_color);
    margin-bottom: 0;
}

/* -------- stl-bureautique-s1 --------- */

/* -------- stl-bureautique-s2 --------- */
/* -------- stl-bureautique-s2 --------- */

/* -------- stl-bureautique-s3 --------- */
.stl-bureautique-s3 {}

.stl-bureautique-s3 .p-section-bg {
    background: #fff;
}

.stl-bureautique-s3 .scroll-wrap {
    flex-wrap: wrap;
}

.stl-bureautique-s3 .row_header {
    min-width: 100%;
    margin-top: auto;
    margin-bottom: auto;
}

.stl-bureautique-s3 .sec_title {
    font-size: 32px;
    font-weight: 600;
    line-height: 38px;
    color: var(--bureautique_color);
    margin-bottom: 15px;
    text-align: center;
}

.stl-bureautique-s3 .sec_stitle {
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    color: #4b505e;
    text-align: center;
}

.stl-bureautique-s3 .scroll-wrap .scrollable-content {
    width: 100%;
    margin-top: 0;
    margin-bottom: auto;
    min-width: 100%;
}

.stl-bureautique-s3 .col_slide {}

.stl-bureautique-s3 .slide {}

.stl-bureautique-s3 .slide .item {
    display: flex;
    flex-wrap: wrap;
}

.stl-bureautique-s3 .slide .block_text {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.stl-bureautique-s3 .slide .logo {
    width: auto !important;
    max-height: 60px;
    margin-bottom: 20px;
}

.stl-bureautique-s3 .slide .item_sttl {
    font-size: 18px;
    text-align: left;
    line-height: 21px;
    font-weight: 600;
    margin-bottom: 20px;
}

.stl-bureautique-s3 .slide .item_desc {
    font-size: 16px;
    text-align: left;
}

.stl-bureautique-s3 .slide .block_img {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 30px;
}

.stl-bureautique-s3 .slide .img {
    min-height: 364px;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: bottom;
}

/* -------- stl-bureautique-s3 --------- */

/* -------- stl-bureautique-s4 --------- */
.stl-bureautique-s4 .col_info {}

.stl-bureautique-s4 .col_info .title {
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
    color: var(--bureautique_color);
    margin-bottom: 10px;
}

.stl-bureautique-s4 .col_info .stitle {
    font-size: 22px;
    font-weight: 500;
    line-height: 22px;
    color: #4b505e;
    margin-bottom: 30px;
}

.stl-bureautique-s4 .col_info .col_img {}

.stl-bureautique-s4 .col_info .row_img {}

.stl-bureautique-s4 .col_info .col_img .img {
    width: 100%;
    height: 100%;
    background-size: auto 100%;
    background-position: left;
    background-repeat: no-repeat;
    transition: all 2s ease;
}

.stl-bureautique-s4 .col_info .col_text {}

.stl-bureautique-s4 .col_info .col_text .title {}

.stl-bureautique-s4 .col_info .col_text .description {
    font-size: 16px;
    color: #677294;
}

.stl-bureautique-s4 .col_slide {
    margin-top: auto;
    margin-bottom: auto;
}

.stl-bureautique-s4 .col_slide .slide {}

.stl-bureautique-s4 .slide .item {
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
}

.stl-bureautique-s4 .slide .item .header {
    min-height: 285px;
    background-size: cover;
    background-position: center;
}

.stl-bureautique-s4 .slide .item .body {
    background: var(--bureautique_color);
    text-align: left;
    padding: 20px 20px;
}

.stl-bureautique-s4 .slide .item .title {
    color: var(--white_color);
    font-size: 24px;
    line-height: 25px;
    margin-bottom: 18px;
    text-align: left;
}

.stl-bureautique-s4 .slide .item .description {
    font-size: 16px;
    line-height: 22px;
    text-align: left;
    color: var(--white_color);
}

.stl-bureautique-s4 .slide .item .link {
    font-size: 18px;
    line-height: 21px;
    text-align: left;
    color: var(--white_color);
    text-decoration: underline;
}

/* -------- stl-bureautique-s4 --------- */

/* -------- stl-bureautique-s5 --------- */
.event_promotion_inner .event_img {
    max-height: 480px;
    overflow: hidden;
    text-align: center;
}

.event_promotion_inner .event_img>img {
    max-height: 480px;
}

.event_promotion_inner .e_promo_text {}
.event_promotion_inner .e_promo_cnt_img {}
.event_promotion_inner .e_promo_cnt_img img {
    max-height: 50px;
}

/* -------- stl-bureautique-s5 --------- */

/* -----------------------------------------------------
-------------------- PAGE BUREAUTIQUE -------------------
-------------------------------------------------------- */


/* -----------------------------------------------------
--------------------- PAGE MARQUAGE --------------------
-------------------------------------------------------- */

/* -------- stl-marquage-s1 --------- */
.stl-marquage-s1 .p-section-bg {
    background: #fff;
}

.stl-marquage-s1 .section_title {
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
    color: var(--marquage_color);
    margin-bottom: 15px;
}

.stl-marquage-s1 .section_stitle {
    font-size: 20px;
    font-weight: 300;
    color: var(--black_color);
    margin-bottom: 0;
    line-height: 28px;
}

.stl-marquage-s1 .bloc_info {}

.stl-marquage-s1 .bloc_item {
    margin-bottom: 0;
    background-color: unset;
    box-shadow: 0px 3px 10px 0px rgb(92, 179, 188, 0.5);
    padding: 0;
    transition: all 0.3s linear;
    cursor: pointer;
    text-align: center;
    border-radius: 10px;
}

.stl-marquage-s1 .bloc_item:hover {
    transform: translateY(6px);
    box-shadow: 0px 2px 8px 0px rgb(92, 179, 188, 0.5);
}

.stl-marquage-s1 .bloc_item .header {
    width: 100%;
    min-height: 175px;
    background-position: center;
    background-size: cover;
    border-radius: 10px 10px 0 0;
}

.stl-marquage-s1 .bloc_item .body {
    background: var(--marquage_color);
    text-align: left;
    padding: 15px;
    border-radius: 0 0 10px 10px;
    min-height: 225px;
}

.stl-marquage-s1 .bloc_item .body .title {
    font-size: 21px;
    line-height: 28px;
    color: var(--white_color);
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 12px;
    transition: color 0.2s linear;
}

.stl-marquage-s1 .bloc_item .body .description {
    font-size: 16px;
    line-height: 21px;
    color: var(--white_color);
    margin-bottom: 0;
}

/* -------- stl-marquage-s1 --------- */

/* -------- stl-marquage-s2 --------- */
/* -------- stl-marquage-s2 --------- */

/* -------- stl-marquage-s3 --------- */
.stl-marquage-s3 {}

.stl-marquage-s3 .col_text {
    margin-top: auto;
    margin-bottom: auto;
}

.stl-marquage-s3 .col_video {}

.stl-marquage-s3 .title {
    font-size: 26px;
    font-weight: 600;
    line-height: 36px;
    color: var(--marquage_color);
    margin-bottom: 15px;
}

.stl-marquage-s3 .description {
    font-size: 16px;
    color: var(--black_color);
}

.stl-marquage-s3 .blog_video {
    position: relative;
    background: #000;
}

.stl-marquage-s3 .video_post {
    min-height: 300px;
    display: flex;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.stl-marquage-s3 .video_icon {
    margin: auto;
}

.stl-marquage-s3 .video_icon i {
    color: var(--marquage_color);
    text-shadow: 0px 6px 25px var(--marquage_color);
}

/* -------- stl-marquage-s3 --------- */

/* -------- stl-marquage-s4 --------- */
.stl-marquage-s4 {}

.stl-marquage-s4 .p-section-bg {
    background: #fff;
}

.home_page .stl-marquage-s4 .p-section-bg {
    background: #075daa;
}

.stl-marquage-s4 .sec_title {
    font-size: 40px;
    line-height: 55px;
    font-weight: 600;
    color: var(--marquage_color);
    margin-bottom: 15px;
}

.home_page .stl-marquage-s4 .sec_title {
    color: #fff;
}

.stl-marquage-s4.active .sec_title {
    animation: fadeInUp 0.9s both 0.8s;
}

.stl-marquage-s4 .sec_description {
    font-weight: normal;
    color: var(--black);
    font-size: 16px;
    max-width: 700px;
    margin: 0 auto;
}

.stl-marquage-s4 .s_integration_item {}

.stl-marquage-s4.active .s_integration_item {
    animation: zoomIn 0.9s both 1s;
}

.stl-marquage-s4 .s_integration_item_img {
    max-height: 50px;
}

.stl-marquage-s4 .s_integration_item:hover .s_integration_item_img {
    /*opacity: 0;*/
}

.stl-marquage-s4 .s_integration_item_description {
    position: absolute;
    top: 0;
    overflow: hidden;
    height: 100%;
    opacity: 0;
    width: 100%;
    display: flex;
    border-radius: 7px;
    transition: all 0.3s linear;
}

.stl-marquage-s4 .s_integration_item:hover .s_integration_item_description {
    /*animation: fadeIn 0.9s both 0.2s;*/
    opacity: 1;
}

.stl-marquage-s4 .s_integration_item:hover .s_integration_item_description p {
    animation: zoomIn 0.2s both 0.2s;
}

.stl-marquage-s4 .s_integration_item.medical .s_integration_item_description {
    background: var(--medical_color);
}

.stl-marquage-s4 .s_integration_item.bureautique .s_integration_item_description {
    background: var(--bureautique_color);
}

.stl-marquage-s4 .s_integration_item.marquage .s_integration_item_description {
    background: var(--marquage_color);
}

.stl-marquage-s4 .s_integration_item_description p {
    font-size: 16px;
    color: #fff;
    margin: auto;
}

/* -------- stl-marquage-s4 --------- */

/* -----------------------------------------------------
--------------------- PAGE MARQUAGE --------------------
-------------------------------------------------------- */

/* -----------------------------------------------------
-------------------- PAGE ACTUALITES -------------------
-------------------------------------------------------- */

/* -------- categorie blogs --------- */
.blog-sidebar .widget.categorie_widget_two ul li:hover a.app-link,
.blog-sidebar .widget.categorie_widget_two ul li:hover a.app-link em {
    color: var(--black_color) !important;
}

.blog-sidebar .widget.categorie_widget_two ul li.active a.app-link,
.blog-sidebar .widget.categorie_widget_two ul li.active a.app-link em {
    color: var(--black_color);
    font-weight: 700 !important;
}

.blog-sidebar .widget.categorie_widget_two ul li.MedicalTheme:hover a.app-link,
.blog-sidebar .widget.categorie_widget_two ul li.MedicalTheme:hover a.app-link em {
    color: var(--medical_color) !important;
}

.blog-sidebar .widget.categorie_widget_two ul li.MedicalTheme.active a.app-link,
.blog-sidebar .widget.categorie_widget_two ul li.MedicalTheme.active a.app-link em {
    color: var(--medical_color);
    font-weight: 700 !important;
}

.blog-sidebar .widget.categorie_widget_two ul li.BureautiqueTheme:hover a.app-link,
.blog-sidebar .widget.categorie_widget_two ul li.BureautiqueTheme:hover a.app-link em {
    color: var(--bureautique_color) !important;
}

.blog-sidebar .widget.categorie_widget_two ul li.BureautiqueTheme.active a.app-link,
.blog-sidebar .widget.categorie_widget_two ul li.BureautiqueTheme.active a.app-link em {
    color: var(--bureautique_color);
    font-weight: 700 !important;
}

.blog-sidebar .widget.categorie_widget_two ul li.MarquageTheme:hover a.app-link,
.blog-sidebar .widget.categorie_widget_two ul li.MarquageTheme:hover a.app-link em {
    color: var(--marquage_color) !important;
}

.blog-sidebar .widget.categorie_widget_two ul li.MarquageTheme.active a.app-link,
.blog-sidebar .widget.categorie_widget_two ul li.MarquageTheme.active a.app-link em {
    color: var(--marquage_color);
    font-weight: 700 !important;
}

/* -------- categorie blogs --------- */

/* -------- list blogs --------- */
#app_row_articles .app-blog-element.MedicalTheme .blog_title:hover {
    color: var(--medical_color);
}

#app_row_articles .app-blog-element.MarquageTheme .blog_title:hover {
    color: var(--marquage_color);
}

#app_row_articles .app-blog-element.BureautiqueTheme .blog_title:hover {
    color: var(--bureautique_color);
}

#app_row_articles .app-blog-element .blog_title:hover {
    color: var(--black_color);
}

/* -------- list blogs --------- */

/* -------- list blogs recent --------- */
#app_list_articles_recent .post_item.MedicalTheme .app-key-title:hover {
    color: var(--medical_color);
}

#app_list_articles_recent .post_item.MarquageTheme .app-key-title:hover {
    color: var(--marquage_color);
}

#app_list_articles_recent .post_item.BureautiqueTheme .app-key-title:hover {
    color: var(--bureautique_color);
}

#app_list_articles_recent .post_item .app-key-title:hover {
    color: var(--black_color);
}

/* -------- list blogs recent --------- */

/* -------- blogs single --------- */
.blog_single.MedicalTheme .blog_content .post_date .app-key-date,
.blog_single.MedicalTheme .blog_content .app-key-title:hover {
    color: var(--medical_color);
}

.blog_single.MarquageTheme .blog_content .post_date .app-key-date,
.blog_single.MarquageTheme .blog_content .app-key-title:hover {
    color: var(--marquage_color);
}

.blog_single.BureautiqueTheme .blog_content .post_date .app-key-date,
.blog_single.BureautiqueTheme .blog_content .app-key-title:hover {
    color: var(--bureautique_color);
}

.blog_single .blog_content .post_date .app-key-date,
.blog_single .blog_content .app-key-title:hover {
    color: var(--black_color);
}

/* -------- blogs single --------- */

/* -------- list blogs similaire --------- */
.app-row-articles-similaire .MarquageTheme .app-key-title:hover {
    color: var(--marquage_color);
}

.app-row-articles-similaire .MedicalTheme .app-key-title:hover {
    color: var(--medical_color);
}

.app-row-articles-similaire .BureautiqueTheme .app-key-title:hover {
    color: var(--bureautique_color);
}

.app-row-articles-similaire .app-key-title:hover {
    color: var(--black_color);
}

/* -------- list blogs similaire --------- */

/* -----------------------------------------------------
-------------------- PAGE ACTUALITES -------------------
-------------------------------------------------------- */

/* -----------------------------------------------------
---------------------- owl-carousel ---------------------
-------------------------------------------------------- */
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
    width: 80px;
    height: 100px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex !important;
    border: 0px solid black !important;
    font-size: 100px !important;
}

.owl-carousel .owl-nav .owl-prev span,
.owl-carousel .owl-nav .owl-next span {
    margin: auto;
    line-height: 0;
    display: block;
    height: 26px;
}

.owl-carousel .owl-nav .owl-prev {
    left: -80px;
}

.owl-carousel .owl-nav .owl-next {
    right: -80px;
}

/* -----------------------------------------------------
---------------------- owl-carousel ---------------------
-------------------------------------------------------- */

/* -----------------------------------------------------
---------------------- visibility ---------------------
-------------------------------------------------------- */
.stl-hidden-element {
    display: none;
}
.page .app-element-delete, .page .div-app-add-box-element {
    display: none;
}


/* -----------------------------------------------------
---------------------- visibility ---------------------
-------------------------------------------------------- */

/*
Section type 1
*/
.section_type_1_container_1{
    padding-right: 85px;
}

.section_type_1_title{
    color: var(--black_color);
    font-size: 50px;
    line-height: 66px;
    font-weight: 700;
    margin-bottom: 20px;
}

.section_type_1_description{
    color: var(--black_color);
        font-size: 15px;
    line-height: 28px;
    margin-bottom: 44px;
}

.section_type_1_description span{ 
    padding: initial !important;
}



/*Theme followers bg*/
.HGTheme .stl-theme-follower-bg {
    background-color: var(--medical_color);
}

.MedicalTheme .stl-theme-follower-bg {
    background-color: var(--medical_color);
}

.BureautiqueTheme .stl-theme-follower-bg {
    background-color: var(--bureautique_color);
}

.MarquageTheme .stl-theme-follower-bg {
    background-color: var(--marquage_color);
}

/*Theme followers text*/
.HGTheme .stl-theme-follower-text {
    color: var(--medical_color);
}

.MedicalTheme .stl-theme-follower-text {
    color: var(--medical_color);
}

.BureautiqueTheme .stl-theme-follower-text {
    color: var(--bureautique_color);
}

.MarquageTheme .stl-theme-follower-text {
    color: var(--marquage_color);
}



/*
Additionnal colors
*/
[class] [class] [class] [class] [class] .app-tree-element.text-color-medical,
[class] [class] [class] [class] .app-tree-element.text-color-medical,
[class] [class] [class] .app-tree-element.text-color-medical,
[class] [class] .app-tree-element.text-color-medical,
[class] .app-tree-element.text-color-medical,
.app-tree-element.text-color-medical
{
    color: var(--medical_color);
}

[class] [class] [class] [class] [class] .app-tree-element.text-color-bureautique,
[class] [class] [class] [class] .app-tree-element.text-color-bureautique,
[class] [class] [class] .app-tree-element.text-color-bureautique,
[class] [class] .app-tree-element.text-color-bureautique,
[class] .app-tree-element.text-color-bureautique,
.app-tree-element.text-color-bureautique
{
    color: var(--bureautique_color);
}

[class] [class] [class] [class] [class] .app-tree-element.text-color-marquage,
[class] [class] [class] [class] .app-tree-element.text-color-marquage,
[class] [class] [class] .app-tree-element.text-color-marquage,
[class] [class] .app-tree-element.text-color-marquage,
[class] .app-tree-element.text-color-marquage,
.app-tree-element.text-color-marquage
{
    color: var(--marquage_color);
}

[class] [class] [class] [class] [class] .app-tree-element.text-color-black,
[class] [class] [class] [class] .app-tree-element.text-color-black,
[class] [class] [class] .app-tree-element.text-color-black,
[class] [class] .app-tree-element.text-color-black,
[class] .app-tree-element.text-color-black,
.app-tree-element.text-color-black
{
    color: var(--black_color);
}

[class] [class] [class] [class] [class] .app-tree-element.text-color-white,
[class] [class] [class] [class] .app-tree-element.text-color-white,
[class] [class] [class] .app-tree-element.text-color-white,
[class] [class] .app-tree-element.text-color-white,
[class] .app-tree-element.text-color-white,
.app-tree-element.text-color-white
{
    color: var(--white_color);
}

/*
Additionnal borders
*/
[class] [class] [class] [class] [class] .btn.btn_bureatique.app-tree-element.text-color-medical,
[class] [class] [class] [class] .btn.btn_bureatique.app-tree-element.text-color-medical,
[class] [class] [class] .btn.btn_bureatique.app-tree-element.text-color-medical,
[class] [class] .btn.btn_bureatique.app-tree-element.text-color-medical,
[class] .btn.btn_bureatique.app-tree-element.text-color-medical,
.btn.btn_bureatique.app-tree-element.text-color-medical
{
    border: var(--medical_color) solid 2px;
}

[class] [class] [class] [class] [class] .btn.btn_bureatique.app-tree-element.text-color-bureautique,
[class] [class] [class] [class] .btn.btn_bureatique.app-tree-element.text-color-bureautique,
[class] [class] [class] .btn.btn_bureatique.app-tree-element.text-color-bureautique,
[class] [class] .btn.btn_bureatique.app-tree-element.text-color-bureautique,
[class] .btn.btn_bureatique.app-tree-element.text-color-bureautique,
.btn.btn_bureatique.app-tree-element.text-color-bureautique
{
    border: var(--bureautique_color) solid 2px;
}
[class] [class] [class] [class] [class] .btn.btn_bureatique.app-tree-element.text-color-marquage,
[class] [class] [class] [class] .btn.btn_bureatique.app-tree-element.text-color-marquage,
[class] [class] [class] .btn.btn_bureatique.app-tree-element.text-color-marquage,
[class] [class] .btn.btn_bureatique.app-tree-element.text-color-marquage,
[class] .btn.btn_bureatique.app-tree-element.text-color-marquage,
.btn.btn_bureatique.app-tree-element.text-color-marquage
{
    border: var(--marquage_color) solid 2px;
}

[class] [class] [class] [class] [class] .btn.btn_bureatique.app-tree-element.text-color-black,
[class] [class] [class] [class] .btn.btn_bureatique.app-tree-element.text-color-black,
[class] [class] [class] .btn.btn_bureatique.app-tree-element.text-color-black,
[class] [class] .btn.btn_bureatique.app-tree-element.text-color-black,
[class] .btn.btn_bureatique.app-tree-element.text-color-black,
.btn.btn_bureatique.app-tree-element.text-color-black
{
    border: var(--black_color) solid 2px;
}

[class] [class] [class] [class] [class] .btn.btn_bureatique.app-tree-element.text-color-white,
[class] [class] [class] [class] .btn.btn_bureatique.app-tree-element.text-color-white,
[class] [class] [class] .btn.btn_bureatique.app-tree-element.text-color-white,
[class] [class] .btn.btn_bureatique.app-tree-element.text-color-white,
[class] .btn.btn_bureatique.app-tree-element.text-color-white,
.btn.btn_bureatique.app-tree-element.text-color-white
{
    border: var(--white_color) solid 2px;
}

/*
Additionnal borders
*/
[class] [class] [class] [class] [class] .btn.btn_bureatique.app-tree-element.hover-background-medical:hover,
[class] [class] [class] [class] .btn.btn_bureatique.app-tree-element.hover-background-medical:hover,
[class] [class] [class] .btn.btn_bureatique.app-tree-element.hover-background-medical:hover,
[class] [class] .btn.btn_bureatique.app-tree-element.hover-background-medical:hover,
[class] .btn.btn_bureatique.app-tree-element.hover-background-medical:hover,
.btn.btn_bureatique.app-tree-element.hover-background-medical:hover
{
    border: var(--medical_color) solid 2px;
    box-shadow: 0px 0px 15px 1px var(--medical_color);
}

[class] [class] [class] [class] [class] .btn.btn_bureatique.app-tree-element.hover-background-bureautique:hover,
[class] [class] [class] [class] .btn.btn_bureatique.app-tree-element.hover-background-bureautique:hover,
[class] [class] [class] .btn.btn_bureatique.app-tree-element.hover-background-bureautique:hover,
[class] [class] .btn.btn_bureatique.app-tree-element.hover-background-bureautique:hover,
[class] .btn.btn_bureatique.app-tree-element.hover-background-bureautique:hover,
.btn.btn_bureatique.app-tree-element.hover-background-bureautique:hover
{
    border: var(--bureautique_color) solid 2px;
    box-shadow: 0px 0px 15px 1px var(--bureautique_color);
}
[class] [class] [class] [class] [class] .btn.btn_bureatique.app-tree-element.hover-background-marquage:hover,
[class] [class] [class] [class] .btn.btn_bureatique.app-tree-element.hover-background-marquage:hover,
[class] [class] [class] .btn.btn_bureatique.app-tree-element.hover-background-marquage:hover,
[class] [class] .btn.btn_bureatique.app-tree-element.hover-background-marquage:hover,
[class] .btn.btn_bureatique.app-tree-element.hover-background-marquage:hover,
.btn.btn_bureatique.app-tree-element.hover-background-marquage:hover
{
    border: var(--marquage_color) solid 2px;
    box-shadow: 0px 0px 15px 1px var(--marquage_color);
}

[class] [class] [class] [class] [class] .btn.btn_bureatique.app-tree-element.hover-background-black:hover,
[class] [class] [class] [class] .btn.btn_bureatique.app-tree-element.hover-background-black:hover,
[class] [class] [class] .btn.btn_bureatique.app-tree-element.hover-background-black:hover,
[class] [class] .btn.btn_bureatique.app-tree-element.hover-background-black:hover,
[class] .btn.btn_bureatique.app-tree-element.hover-background-black:hover,
.btn.btn_bureatique.app-tree-element.hover-background-black:hover
{
    border: var(--black_color) solid 2px;
    box-shadow: 0px 0px 15px 1px var(--black_color);
}

[class] [class] [class] [class] [class] .btn.btn_bureatique.app-tree-element.hover-background-white:hover,
[class] [class] [class] [class] .btn.btn_bureatique.app-tree-element.hover-background-white:hover,
[class] [class] [class] .btn.btn_bureatique.app-tree-element.hover-background-white:hover,
[class] [class] .btn.btn_bureatique.app-tree-element.hover-background-white:hover,
[class] .btn.btn_bureatique.app-tree-element.hover-background-white:hover,
.btn.btn_bureatique.app-tree-element.hover-background-white:hover
{
    border: var(--white_color) solid 2px;
    box-shadow: 0px 0px 15px 1px var(--white_color);
}


/*
Additionnal bg
*/
[class] [class] [class] [class] [class] .fond-background-medical,
[class] [class] [class] [class] .fond-background-medical,
[class] [class] [class] .fond-background-medical,
[class] [class] .fond-background-medical,
[class] .fond-background-medical,
.fond-background-medical
{
    background-color: var(--medical_color);
}

[class] [class] [class] [class] [class] .fond-background-bureautique,
[class] [class] [class] [class] .fond-background-bureautique,
[class] [class] [class] .fond-background-bureautique,
[class] [class] .fond-background-bureautique,
[class] .fond-background-bureautique,
.fond-background-bureautique
{
    background-color: var(--bureautique_color);
}

[class] [class] [class] [class] [class] .fond-background-marquage,
[class] [class] [class] [class] .fond-background-marquage,
[class] [class] [class] .fond-background-marquage,
[class] [class] .fond-background-marquage,
[class] .fond-background-marquage,
.fond-background-marquage
{
    background-color: var(--marquage_color);
}

[class] [class] [class] [class] [class] .fond-background-black,
[class] [class] [class] [class] .fond-background-black,
[class] [class] [class] .fond-background-black,
[class] [class] .fond-background-black,
[class] .fond-background-black,
.fond-background-black
{
    background-color: var(--black_color);
}

[class] [class] [class] [class] [class] .fond-background-white,
[class] [class] [class] [class] .fond-background-white,
[class] [class] [class] .fond-background-white,
[class] [class] .fond-background-white,
[class] .fond-background-white,
.fond-background-white
{
    background-color: var(--white_color);
}

[class] [class] [class] [class] [class] .fond-background-transparent,
[class] [class] [class] [class] .fond-background-transparent,
[class] [class] [class] .fond-background-transparent,
[class] [class] .fond-background-transparent,
[class] .fond-background-transparent,
.fond-background-transparent
{
    background-color: rgba(0,0,0,0);
}


[class] [class] [class] [class] [class] .hover-background-medical:hover,
[class] [class] [class] [class] .hover-background-medical:hover,
[class] [class] [class] .hover-background-medical:hover,
[class] [class] .hover-background-medical:hover,
[class] .hover-background-medical:hover,
.hover-background-medical:hover
{
    background-color: var(--medical_color);
}

[class] [class] [class] [class] [class] .hover-background-bureautique:hover,
[class] [class] [class] [class] .hover-background-bureautique:hover,
[class] [class] [class] .hover-background-bureautique:hover,
[class] [class] .hover-background-bureautique:hover,
[class] .hover-background-bureautique:hover,
.hover-background-bureautique:hover
{
    background-color: var(--bureautique_color);
}

[class] [class] [class] [class] [class] .hover-background-marquage:hover,
[class] [class] [class] [class] .hover-background-marquage:hover,
[class] [class] [class] .hover-background-marquage:hover,
[class] [class] .hover-background-marquage:hover,
[class] .hover-background-marquage:hover,
.hover-background-marquage:hover
{
    background-color: var(--marquage_color);
}

[class] [class] [class] [class] [class] .hover-background-black:hover,
[class] [class] [class] [class] .hover-background-black:hover,
[class] [class] [class] .hover-background-black:hover,
[class] [class] .hover-background-black:hover,
[class] .hover-background-black:hover,
.hover-background-black:hover
{
    background-color: var(--black_color);
}

[class] [class] [class] [class] [class] .hover-background-white:hover,
[class] [class] [class] [class] .hover-background-white:hover,
[class] [class] [class] .hover-background-white:hover,
[class] [class] .hover-background-white:hover,
[class] .hover-background-white:hover,
.hover-background-white:hover
{
    background-color: var(--white_color);
}

[class] [class] [class] [class] [class] .hover-background-transparent:hover,
[class] [class] [class] [class] .hover-background-transparent:hover,
[class] [class] [class] .hover-background-transparent:hover,
[class] [class] .hover-background-transparent:hover,
[class] .hover-background-transparent:hover,
.hover-background-transparent:hover
{
    background-color: rgba(0,0,0,0);
}

/* Fix issues from other css selectors */
[class] [class] [class] [class] [class] .app-tree-element.hover-medical:hover,
[class] [class] [class] [class] .app-tree-element.hover-medical:hover,
[class] [class] [class] .app-tree-element.hover-medical:hover,
[class] [class] .app-tree-element.hover-medical:hover,
[class] .app-tree-element.hover-medical:hover,
.app-tree-element.hover-medical:hover
{
    color: var(--medical_color);
}

[class] [class] [class] [class] [class] .app-tree-element.hover-bureautique:hover,
[class] [class] [class] [class] .app-tree-element.hover-bureautique:hover,
[class] [class] [class] .app-tree-element.hover-bureautique:hover,
[class] [class] .app-tree-element.hover-bureautique:hover,
[class] .app-tree-element.hover-bureautique:hover,
.app-tree-element.hover-bureautique:hover
{
    color: var(--bureautique_color);
}

[class] [class] [class] [class] [class] .app-tree-element.hover-marquage:hover,
[class] [class] [class] [class] .app-tree-element.hover-marquage:hover,
[class] [class] [class] .app-tree-element.hover-marquage:hover,
[class] [class] .app-tree-element.hover-marquage:hover,
[class] .app-tree-element.hover-marquage:hover,
.app-tree-element.hover-marquage:hover
{
    color: var(--marquage_color);
}

[class] [class] [class] [class] [class] .app-tree-element.hover-black:hover,
[class] [class] [class] [class] .app-tree-element.hover-black:hover,
[class] [class] [class] .app-tree-element.hover-black:hover,
[class] [class] .app-tree-element.hover-black:hover,
[class] .app-tree-element.hover-black:hover,
.app-tree-element.hover-black:hover
{
    color: var(--black_color);
}

[class] [class] [class] [class] [class] .app-tree-element.hover-white:hover,
[class] [class] [class] [class] .app-tree-element.hover-white:hover,
[class] [class] [class] .app-tree-element.hover-white:hover,
[class] [class] .app-tree-element.hover-white:hover,
[class] .app-tree-element.hover-white:hover,
.app-tree-element.hover-white:hover
{
    color: var(--white_color);
}

.div-section-6-element {
    padding-top: 15px;
}

#section-8-info-slide .card-header {
    background: #fff;
    border-bottom: 1px solid #2196f3;
    padding: 5px 9px;
    cursor: pointer;

}

#section-8-info-slide  .card-header .feather-info + span {
    color: #2196f3;
    font-size: 12px;
}

#section-8-info-slide .card-header .feather-info {
    color: #2196f3;
    margin-right: 6px;
    width: 16px;
}


.header_area.navbar_fixed .sticky_logo img + img,
.HGTheme .header_area.navbar_fixed .sticky_logo img + img
{
  display: block;
}
.MedicalTheme .header_area.navbar_fixed .sticky_logo img + img,
.BureautiqueTheme .header_area.navbar_fixed .sticky_logo img + img,
.MarquageTheme .header_area.navbar_fixed .sticky_logo img + img
{
  display: none;
}

/* -------- stl-medicale-s2 --------- */
.stl-medicale-s2 {}
.stl-medicale-s2 .sec_title {
    margin-bottom: 65px;
}

.stl-medicale-s2 .support_tab_content .tab_img {
    margin: 0;
    position: relative;
    padding: 0;
    display: block;
    max-width: 100%;
    text-align: center;
}

.stl-medicale-s2 .support_tab_content .tab_img img {
    position: relative;
    max-width: 100%;
    height: 100%;
    width: auto;
    max-height: 358px;
}

.stl-medicale-s2 .support_tab_content .tab_description {}

.stl-medicale-s2 .support_tab_content .tab_description p {
    margin-bottom: 0;
    position: relative;
    font-size: 16px;
    color: #677294;
}
/* -------- stl-medicale-s2 --------- */

/* -------- stl-medicale-s2 --------- */
.stl-medicale-s3 {}

.stl-medicale-s3 .col_slide {
    border-radius: 10px;
}

.stl-medicale-s3 .col_slide .slide {
    border-radius: 10px;
}

.stl-medicale-s3 .col_slide .slide .owl-stage-outer {
    border-radius: 10px;
}

.stl-medicale-s3 .col_slide .slide .item {}

.stl-medicale-s3 .col_slide .slide .item .header {
    border-radius: 10px 10px 0 0;
}

.stl-medicale-s3 .col_slide .slide .item .body {
    position: relative;
    max-height: 215px;
    border-radius: 0 0 10px 10px;
}
/* -------- stl-medicale-s2 --------- */

/* -------- custom perfect scrollbar --------- */
.pagepiling.page .ps > .ps__rail-y {
    opacity: 1;
}

.pagepiling.page .ps--active-y > .ps__rail-y {
    background-color: #FFF;
}

.pagepiling.page .ps__rail-y {
    width: 12px;
}

.pagepiling.page .ps__rail-y:hover {
    background-color: #FFF;
}

.pagepiling.page .ps__thumb-y {
    background-color: #7B7B7B;
    border-radius: 6px;
    width: 12px;
    right: 0px;
    cursor: pointer;
}

.pagepiling.page .ps__thumb-y:hover {
    background-color: #7B7B7B;
    width: 12px;
}

.pagepiling.page .stl-hg-s4 .slide .item .block_img+.block_text .ps__rail-y {
    left: 0px !important;
    right: auto !important;
}
/* -------- custom perfect scrollbar --------- */