body {
    text-rendering: auto !important;
    -webkit-font-smoothing: none !important;
    -moz-osx-font-smoothing: unset !important;
    background-image: unset !important;
    background-repeat: unset !important;
}

.sppb-row-container {
    margin-top: 20px;
}

.view-article #sp-main-body .article-body-wrap, .view-article #sp-main-body .article-details .article-header-wrap .header-wrap-inner, .view-article #sp-main-body .border-div.container {
    max-width: 90%;
}

.items-leading .carousel-inner .carousel-item .carousel-item-inner .article-carousel-pro-text {
    color: unset;
}

.article-details .article-header-wrap {
    background-color: transparent;
}

.article-details .article-full-image {
    text-align: center;
    margin-bottom: unset;
    padding-right: unset;
    margin-left: unset;
}


.blogformules a.btn.btn-primary {
    bottom: -30px;
    position: relative;
    box-shadow: 5px 3px 0px 1px rgba(0, 0, 0, .2);
}

.sppb-btn:before {
    background: transparent;
}

.fa-bars:before {
    content: "\f0c9";
    color: #ffffff;
}

a.btn-header {
    background: #ffc900;
    padding: 2px 10px;
    border-radius: 10px;
    color: #000 !important;
    font-weight: 600;
}

.sppb-btn-dark.sppb-btn-gradient {
    color: rgb(255, 201, 0);
}

#sp-main-body {
    padding: 100px 0 0 0 !important;
}
.article-details .article-header-wrap {
    padding-top: 100px !important;
}

.article-details .article-details-heading h1, .article-details .article-details-heading h2 {
    display: none;
}

div#sp-logo {
    padding: 0%;
}

.btn-primary, .sppb-btn-primary {
    font-size: 1.7rem !important;
}

.sp-megamenu-wrapper {
    display: contents;
}

.sp-page-title {
    background-position: center !important;
    height: max-content;
    padding: 100px 0 !important;
    top: 100px !important;
    position: relative;
    width: 100%;
    background-size: 100% !important;
}

@media (max-width: 768px) {
.sp-page-title {
    background-size: 220% !important;
    padding: 30px 0 !important;
    }
}

.sp-page-title .sp-page-title-heading {
    background: #0000003d !important;
    padding: 2% !important;
    border-radius: 30px !important;
}

.items-leading {
    background-color: unset !important;
    padding-bottom: 0 !important;
}

.sp-menu-item-contact {
    margin: 0 0 10% 40%;
    width: 150px;
    top: 0;
    position: relative;
    line-height: 1.8;
    font-size: 1rem;
}

.article-list .item-odd .article, .article-list .item-even .article {
    border: 0 !important;
}

.article.type-intro {
    box-shadow: 2px 5px 2px 1px rgba(0, 0, 0, .2);
}

form#modules-form {
    background: #ffffff6b;
    border-radius: 20px;
    margin-top: 20px;
    padding: 5%;
    box-shadow: 5px 5px 12px 1px rgba(0, 0, 0, .2);
}


.gridhour {
    right: -90px;
    position: relative;
}

.d-flex {
    display: flex;
    position: absolute;
}

#sp-menu {
    margin: 0 !important;
    display: flex;
    justify-content: flex-end;
}

#sp-page-builder .sp-pagebuilder-page-edit {
    top: 110px;
    right: 10px;
}

.article-details .article-details-heading h1, .article-details .article-details-heading h2 {
    font-size: 50px !important;
}

.login, div#users-profile-core {
    margin-top: 50px;
}

#sp-main-body .home {
    padding: 0px 0 0px 0!important;
}

.board {
    margin-top: 100px;
}

.items-leading .carousel-inner .carousel-item .carousel-item-inner {
    width: 100% !important;
}  

.items-leading .carousel-inner .carousel-item .carousel-item-inner .article-header h1 a, .items-leading .carousel-inner .carousel-item .carousel-item-inner .article-header h2 a {
    color: #F7AC15 !important;
}
  
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    font-size: 1.1rem !important;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    color: #ffffff;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background: #F7AC15 !important;
}

.sp-megamenu-parent>li.active>a {
    color: #F7AC15 !important;
}

.main-slider .sp-slider-outer-stage {
    min-height: 800px !important;
}

.sp-page-title .sp-page-title-heading {
    font-size: 2rem !important;
    margin: 0 auto;
    text-align: center;
}


#sp-header.header-sticky {
    background-color: rgba(0, 0, 0, 0.85) !important;
    height: 100px;
}

#sp-header {
    background-color: rgba(14, 17, 22, 0.8) !important;
    padding: 10px 2%;
    min-height: 100px !important;
}

#sp-bottom a {
    color: #ffffff;
}

.main-slider div[class*="sp-slider-content-align-"] {
    max-width: 980px !important;
}

.feature-hover {
    padding-top: 0 !important;
  	margin-top: 0 !important;
}

.control-group {
    margin-top: 5rem;
}

/************STYLE PAGE************/

.formules.article-details .article-header-wrap {
    background-color: inherit;
    padding-top: 120px;
    margin-bottom: 0;
}


/************FIN STYLE PAGE************/

#sp-bottom-custom, #footer {
    font-weight: 400;
}

h3.sp-module-title {
    color: #F7AC15;
    font-size: 1.5rem !important;
}

.board .vcat a.title {
    color: #000;
    font-weight: 500;
}

.grp-widget-box-request-action {
    font-size: 1.5rem;
    font-weight: 700;
}

.sq_instance.com_simplequiz {
    padding-top: 2%;
}

.view-category .col-lg-8 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 100%;
    padding: 0
}

.view-category #sp-right {
    display: block !important;
}

.col-lg-3 {
        padding-right: 2% !important;
    }


/**
 * Off-canvas
*/

.offcanvas-active .offcanvas-overlay {
  color: white !important;
}

@media screen and (max-width: 1024px) {
#sp-header #offcanvas-toggler.offcanvas, #sp-header #offcanvas-toggler.mega
{display: block !important;}
 .sp-megamenu-parent.d-none.d-lg-block 
 { display: none !important; }
}


.burger-icon > span {background-color: white !important;}


#offcanvas-toggler::after {
  content: "MENU"; padding-left: 5px; color: white; margin-top: -3px;
}

.offcanvas-active .burger-icon > span,
#modal-menu-toggler.active .burger-icon > span 
{ background-color: red;}


.menu-parent .menu-child{
    display: block !important;
}
.menu-parent .menu-toggler{
    display: none !important;
}

.offcanvas-menu {overflow: scroll;}

.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler,  
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > .menu-separator > .menu-toggler {
  color: white;
}