@charset "UTF-8"; :root {
    --off-white: #fff9eb;
    --chocolate: #330c00;
    --chocolate-20: #e5c4a5;
    --chocolate-50: #916E66;
    --chocolate-60: #6d4c44;
    --chocolate-90: #451608;
    --sunset: #ff6f36;
    --sand: #f4ead7;
    --green: #2dc48a;
    --white: #fff}
@font-face {src: url("https://www.expertsa.fr/templates/artion/css/fonts/BricolageGrotesque72pt-ExtraBold.woff2") format("woff2"),url("https://www.expertsa.fr/templates/artion/css/fonts/BricolageGrotesque72pt-ExtraBold.woff") format("woff"); font-family: "Bricolage Grotesque"; font-weight: 800; font-style: normal; font-display: swap}

@font-face {src: url("https://www.expertsa.fr/templates/artion/css/fonts/apfelgrotezk-fett-webfont.woff2") format("woff2"),url("https://www.expertsa.fr/templates/artion/css/fonts/apfelgrotezk-fett-webfont.woff") format("woff"); font-family: ApfelB; font-weight: 700; font-style: normal; font-display: swap}
@font-face {src: url("https://www.expertsa.fr/templates/artion/css/fonts/apfelgrotezk-regular-webfont.woff2") format("woff2"),url("https://www.expertsa.fr/templates/artion/css/fonts/apfelgrotezk-regular-webfont.woff") format("woff"); font-family: ApfelR; font-weight: 400; font-style: normal; font-display: swap}
.text-chocolate {
  color: var(--chocolate);
}
.article-info {
    padding-top: 5px;
}
.itemid-491 #sp-main-body {
    padding-top: 140px
}

span.published {
    font-size: 20px
}

#sp-section-7 {
    padding: 50px 0!important
}

#sp-copyright {
    background-color: #f4ead7;
    color: #000;
    padding: 35px 20px 100px 20px;
    margin: 0
}

#mod-custom455 h3 {
    font-size: 20px;
    line-height: 20px;
    letter-spacing: -.6px
}

#mod-custom485 h3 {
    font-size: 20px;
    font-style: normal;
      /*font-weight: 800;*/
    line-height: 20px;
    letter-spacing: -.6px
}

#mod-custom299 h3 {
    color: var(--chocolate,#330c00);
    font-family: "Bricolage Grotesque";
    font-size: 20px;
    line-height: 20px;
    letter-spacing: -.6px
}

#mod-custom303 h3 {
    font-family: "Bricolage Grotesque";
    font-size: 20px;
    font-style: normal;
      /*font-weight: 800;*/
    line-height: 20px;
    letter-spacing: -.6px
}

#mod-custom301 h3 {
    color: var(--sand,#f4ead7);
    font-family: "Bricolage Grotesque";
    font-size: 20px;
    font-style: normal;
      /*font-weight: 800;*/
    line-height: 20px;
    letter-spacing: -.6px
}

.offcanvas-active .offcanvas-menu.border-menu .offcanvas-inner ul.menu-child>li a {
    display: flex;
    gap: 10px
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge),.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {
    color: var(--chocolate,#330c00);
    font-family: ApfelR;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    padding: revert;
    display: flex;
    align-items: center
}

header#sp-header .sp-megamenu-parent li.sp-menu-item.sp-has-child ul.sp-dropdown-items a:hover {
    background: var(--sand,#f4ead7);
    color: var(--chocolate,#330c00);
    font-family: ApfelB;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px
}

header#sp-header .sp-megamenu-parent li.sp-menu-item.sp-has-child ul.sp-dropdown-items a {
    width: -webkit-fill-available;
    border-radius: 5px;
    padding: 10px 20px
}

header#sp-header .sp-megamenu-parent li.sp-menu-item.sp-has-child ul.sp-dropdown-items .active a {
    border: 1px solid var(--sunset,#ff6f36)
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    display: inline-flex;
    padding: 10px;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    border-radius: 0px 0px 3px 3px;
    background: var(--off-white,#fff9eb);
    box-shadow: revert
}

body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler {
    right: 10px
}

ul.no-pad.green {
    border: revert
}

.itemid-335 li a.mod-articles-category-title {
    color: var(--chocolate,#330c00);
    font-family: ApfelB;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px
}

.itemid-335 ul.mod-articlescategory.category-module.mod-list.list-unstyled.blog-items.d-flex.flex-wrap li {
    padding-bottom: 10px
}

.itemid-335 .mod-articles-category-group,.itemid-335 .mod-articles-category-group h3 {
    width: 55px
}

#mod-custom485 h3 {
    color: var(--chocolate,#330c00);
    font-family: "Bricolage Grotesque";
    letter-spacing: -.6px
}

#mod-custom485 h3 a {
    color: var(--sunset,#ff6f36)
}

.flip-container {
    width: 180px;
    height: 112px;
    perspective: 1000px
}

.flipper {
    position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: transform .6s ease-in-out
}

.phase {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--green,#2dc48a)
}

@media (max-width: 768px) {
    .mb-3.rsform-block {
        margin-bottom:10px!important
    }

    .article-list .article .article-header h1,.article-list .article .article-header h2 {
        margin: 20px 0 0;
        padding-bottom: 0
    }

    #mod-custom303 .container {
        padding: 0
    }

    .flip-container {
        width: 296px;
        height: 117px
    }
}

@media (max-width: 576px) {
    .flip-container {
        width:166px;
        height: 117px
    }
}

.sppb-animated-number::after,.sppb-animated-number::before {
    color: var(--chocolate,#330c00)
}

.bento .card-b h3,.bento .card-bg-o h3,.bento .card-bg-sand h3,.bento .card-bg-yell h3 {
    font-size: 33px;
    font-style: normal;
    font-weight: 800;
    line-height: 28px;
    padding-bottom: 20px;
    letter-spacing: -.99px
}

html.error-page body .btn {
    border-radius: 20px;
    border: 1px solid var(--sunset,#ff6f36);
    height: revert;
    line-height: normal!important
}

#mod-custom339 .card-bg-yell img {
    background-color: var(--off-white);
    border-radius: 20px
}

h2.sppb-addon-title:hover {
    color: var(--sunset)!important;
    transition: color .4s,background-color .4s
}

li.list-group-item.list-group-item-action,ul.list-group {
    background: var(--off-white)
}

label.form-label {
    color: var(--chocolate-60,#6d4c44);
    font-family: ApfelR;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: revert;
    text-transform: revert
}

.article {
    padding: 30px!important;
    border-radius: 10px!important
}

.blogrea-list .article {
    background-color: var(--off-white)
}

.blogblogV2 .article {
    background-color: var(--sand)
}

.pagination-counter,span.badge.bg-danger.featured-article-badge {
    display: none
}

.ttl-Head {
    padding: 160px 0 70px 0
}

a.shareRs {
    color: var(--chocolate)
}

.contactInfos {
    display: flex;
    flex-direction: column;
    gap: 15px
}

#rsform_22_page_0 .mb-3.rsform-block {
    margin-bottom: 15px!important
}



body {
    background-color: var(--off-white,#fff9eb) !important;
    color: var(--chocolate,#330c00);
    font-family: ApfelR;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px
}

p {
    color: var(--chocolate-60,#6d4c44);
    font-family: ApfelR;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px
}

.p-copyright {
    font-family: ApfelR;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 21px;
}

p strong,strong {
    font-family: ApfelB;
    color: var(--chocolate,#330c00)
}

body .btn.btn-secondary,body .btn.sppb-btn-secondary,body .sppb-btn.btn-secondary,body .sppb-btn.sppb-btn-secondary {
    border-radius: 20px;
    border: 1px solid var(--chocolate,#330c00);
    background: var(--chocolate,#330c00)
}

body .btn.btn-secondary:active,body .btn.btn-secondary:focus,body .btn.btn-secondary:hover,body .btn.sppb-btn-secondary:active,body .btn.sppb-btn-secondary:focus,body .btn.sppb-btn-secondary:hover,body .sppb-btn.btn-secondary:active,body .sppb-btn.btn-secondary:focus,body .sppb-btn.btn-secondary:hover,body .sppb-btn.sppb-btn-secondary:active,body .sppb-btn.sppb-btn-secondary:focus,body .sppb-btn.sppb-btn-secondary:hover {
    background: var(--sunset);
    border-color: var(--sunset)
}

.card.sand p {
    color: var(--chocolate-60,#6d4c44);
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px
}

.card.sand p strong,.card.sand strong {
    font-family: ApfelB;
    color: var(--chocolate-60,#6d4c44)
}

.card-bg-yell,.card-bg-yell p {
    color: var(--chocolate-20,#e5c4a5)
}

.card-bg-yell p strong,.card-bg-yell strong {
    color: var(--off-white,#fff9eb)
}

.chocolate-50 {
	color: var(--chocolate-50,#916E66)
}

h1,h2,h3,h4,h5,h6 {
    font-family: "Bricolage Grotesque";
    margin: 0
}

body .btn,body .sppb-btn {
    text-transform: revert
}

.borderCardYell p:last-child,.borderCardYell p:last-of-type,p:last-child,p:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0
}

ul.fuCheck {
    gap: 20px;
    display: flex;
    flex-direction: column;
    margin-top: 20px
}

.fuCheck li {
    list-style: none;
    position: relative;
    margin-bottom: 10px
}

.fuCheck li::before {
    content: "";
    position: absolute;
    left: -25px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 14px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="14" viewBox="0 0 18 14" fill="none"><path d="M15.5 2L6.21865 11.3333L2 7.09105" stroke="%23FF6F36" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')
}

.card-bg-o {
    border-radius: 10px;
    background: var(--off-white,#fff9eb);
    display: flex;
    padding: 55px 50px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px
}

.card-bg-owh {
    border-radius: 5px;
    background: var(--off-white,#fff9eb);
    padding: 50px
}

span.sppb-pricing-price {
    color: var(--chocolate-60,#6d4c44);
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px
}

.sppb-pricing-price-container {
    border-bottom: 1px solid var(--sunset);
    padding-bottom: 30px
}

.sppb-pricing-box {
    border-radius: 5px;
    background: var(--off-white,#fff9eb);
    padding: 45px;
    font-family: ApfelR
}

.sppb-pricing-features ul {
    list-style: none;
    padding: 0
}

.sppb-pricing-box .sppb-pricing-features>ul>li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px
}

.sppb-pricing-features ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 19px;
    height: 14px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="14" viewBox="0 0 19 14" fill="none"><path d="M16 2L6.71865 11.3333L2.5 7.09105" stroke="%232DC48A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center center;
    background-size: contain
}

ul.list-check-bento {
    list-style: none;
    padding-left: 0
}

ul.list-check-bento li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 30px;
    color: var(--chocolate,#330c00);
    font-family: "Bricolage Grotesque";
    font-size: 20px;
    font-style: normal;
      /*font-weight: 800;*/
    line-height: 20px;
    letter-spacing: -.6px
}

ul.list-check-bento li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 14px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="14" viewBox="0 0 18 14" fill="none"><path d="M15.5 2L6.21865 11.3333L2 7.09105" stroke="%23FFF9EB" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center center
}

#module3.orangeline {
    height: 324px;
    flex-shrink: 0;
    border-radius: 10px;
    border: 1px solid var(--sunset,#ff6f36);
    background: var(--off-white,#fff9eb)
}

#module3.orangeline .tiny.green {
    background-color: #e5c4a5;
    border: 1px solid #e5c4a5
}

#module3.orangeline .green {
    border: 1px solid #e5c4a5;
    background-color: transparent
}

#module3.orangeline .beige {
    background-color: transparent;
    border: 1px solid #ff6f36
}

#module2.bble.ag324,#module3.bble.ag324 {
    height: 216px!important
}

#module3.bble.greend.ag324 {
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    border: 1px solid var(--green,#2dc48a);
    background: var(--green,#2dc48a)
}

.greend .tiny.green {
    background-color: #fff9eb;
    border: 1px solid #fff9eb
}

.greend .beige {
    background-color: transparent;
    border: 1px solid #f4ead7
}

#module2.bble.oranged {
    border-radius: 10px;
    border: 1px solid var(--sunset,#ff6f36);
    background: var(--sunset,#ff6f36);
    width: 180px;
    height: 217px;
    flex-shrink: 0
}

#module2.bble.oranged {
    position: relative;
    width: 100%;
    height: 217px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center
}

.oranged .tiny.green {
    background-color: #fff9eb;
    border: 1px solid #fff9eb
}

.oranged .beige {
    background-color: transparent;
    border: 1px solid #fff9eb
}

.oranged .green {
    border: 1px solid #fff9eb;
    background-color: transparent
}

.bble {
    position: relative;
    width: 100%;
    height: 165px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--green);
    border-radius: 10px;
    background-color: var(--off-white)
}

.bubble-wrap {
    width: 100%;
    height: 100%;
    position: relative
}

.bubble {
    position: absolute;
    border-radius: 50%;
    opacity: 1;
    animation: none;
    transition: transform .5s ease-out,opacity .5s ease-out
}

.large {
    width: 19px;
    height: 19px
}

.medium {
    width: 11px;
    height: 11px
}

.medism {
    width: 8px;
    height: 8px
}

.small {
    width: 7px;
    height: 7px
}

.tiny {
    width: 3px;
    height: 3px
}

.greend .green {
    border: 1px solid var(--off-white,#fff9eb)
}

.green {
    border: 1px solid #2dc48a;
    background-color: transparent
}

.tiny.green {
    background-color: #2dc48a
}

.tiny.chocolate {
    background-color: #330c00
}

.tiny.beige {
    background-color: #e5c4a5
}

.chocolate {
    border: 1px solid #330c00;
    background-color: transparent
}

.beige {
    border: 1px solid #e5c4a5;
    background-color: transparent
}

.bbl-cont {
    padding: 30px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.bble h3 {
    color: var(--chocolate,#330c00);
    font-family: "Bricolage Grotesque";
    font-size: 20px;
    font-style: normal;
      /*font-weight: 800;*/
    line-height: 20px;
    letter-spacing: -.6px;
    margin: 0
}

.cta-button {
    width: 60px;
    height: 60px;
    border: none;
    background-color: transparent;
    display: flex;
    justify-content: end
}

@keyframes float {
    0% {
        transform: translateY(0);
        opacity: 1
    }

    100% {
        transform: translateY(-200%);
        opacity: 0
    }
}

#module1 .bubble-wrap:hover .bubble {
    animation: float 2s ease-in-out infinite
}

#module1 .bubble-wrap .bubble:nth-child(1) {
    animation-delay: 0s
}

#module1 .bubble-wrap .bubble:nth-child(2) {
    animation-delay: 0.2s
}

#module1 .bubble-wrap .bubble:nth-child(3) {
    animation-delay: 0.4s
}

#module1 .bubble-wrap .bubble:nth-child(4) {
    animation-delay: 0.6s
}

#module1 .bubble-wrap .bubble:nth-child(5) {
    animation-delay: 0.8s
}

#module1 .bubble-wrap .bubble:nth-child(6) {
    animation-delay: 1s
}

#module1 .bubble-wrap .bubble:nth-child(7) {
    animation-delay: 1.2s
}

#module1 .bubble-wrap .bubble:nth-child(8) {
    animation-delay: 1.4s
}

#module1 .bubble-wrap .bubble:nth-child(9) {
    animation-delay: 1.6s
}

#module1 .bubble-wrap .bubble:nth-child(10) {
    animation-delay: 1.8s
}

#module1 .bubble-wrap .bubble:nth-child(11) {
    animation-delay: 2s
}

#module1 .bubble-wrap .bubble:nth-child(12) {
    animation-delay: 2.2s
}

#module1 .bubble-wrap .bubble:nth-child(13) {
    animation-delay: 2.4s
}

#module1 .bubble-wrap .bubble:nth-child(14) {
    animation-delay: 2.6s
}

#module1 .bubble-wrap .bubble:nth-child(15) {
    animation-delay: 2.8s
}

#module1 .bubble-wrap .bubble:nth-child(16) {
    animation-delay: 3s
}

#module1 .bubble-wrap .bubble:nth-child(17) {
    animation-delay: 3.2s
}

#module1 .bubble-wrap .bubble:nth-child(18) {
    animation-delay: 3.4s
}

#module1 .bubble-wrap .bubble:nth-child(19) {
    animation-delay: 3.6s
}

#module1 .pos1 {
    bottom: 37px;
    left: 23px
}

#module1 .pos2 {
    bottom: -5px;
    left: 154px
}

#module1 .pos3 {
    bottom: 35px;
    left: 114px
}

#module1 .pos4 {
    bottom: -3px;
    left: 12px
}

#module1 .pos5 {
    bottom: -3px;
    left: 70px
}

#module1 .pos6 {
    bottom: 31px;
    left: 45px
}

#module1 .pos7 {
    bottom: 33px;
    left: 141px
}

#module1 .pos8 {
    bottom: 65px;
    left: 6px
}

#module1 .pos9 {
    bottom: 12px;
    left: 43px
}

#module1 .pos10 {
    bottom: 68px;
    left: 85px
}

#module1 .pos11 {
    bottom: 58px;
    left: 70px
}

#module1 .pos12 {
    bottom: 29px;
    left: 92px
}

#module1 .pos13 {
    bottom: 55px;
    left: 141px
}

#module1 .pos14 {
    bottom: 13px;
    left: 142px
}

#module1 .pos15 {
    bottom: 26px;
    left: 13px
}

#module1 .pos16 {
    bottom: 41px;
    left: 60px
}

#module1 .pos17 {
    bottom: 14px;
    left: 77px
}

#module1 .pos18 {
    bottom: 57px;
    left: 91px
}

#module1 .pos19 {
    bottom: 5px;
    left: 85px
}

#module2 .bbl-cont {
    flex-direction: row
}

#module2.bble {
    height: 120px
}

#module2 .bubble-wrap:hover .bubble {
    animation: float 2s ease-in-out infinite
}

#module2 .bubble-wrap .bubble:nth-child(1) {
    animation-delay: 0s
}

#module2 .bubble-wrap .bubble:nth-child(2) {
    animation-delay: 0.2s
}

#module2 .bubble-wrap .bubble:nth-child(3) {
    animation-delay: 0.4s
}

#module2 .bubble-wrap .bubble:nth-child(4) {
    animation-delay: 0.6s
}

#module2 .bubble-wrap .bubble:nth-child(5) {
    animation-delay: 0.8s
}

#module2 .bubble-wrap .bubble:nth-child(6) {
    animation-delay: 1s
}

#module2 .bubble-wrap .bubble:nth-child(7) {
    animation-delay: 1.2s
}

#module2 .bubble-wrap .bubble:nth-child(8) {
    animation-delay: 1.4s
}

#module2 .bubble-wrap .bubble:nth-child(9) {
    animation-delay: 1.6s
}

#module2 .bubble-wrap .bubble:nth-child(10) {
    animation-delay: 1.8s
}

#module2 .bubble-wrap .bubble:nth-child(11) {
    animation-delay: 2s
}

#module2 .bubble-wrap .bubble:nth-child(12) {
    animation-delay: 2.2s
}

#module2 .bubble-wrap .bubble:nth-child(13) {
    animation-delay: 2.4s
}

#module2 .bubble-wrap .bubble:nth-child(14) {
    animation-delay: 2.6s
}

#module2 .bubble-wrap .bubble:nth-child(15) {
    animation-delay: 2.8s
}

#module2 .bubble-wrap .bubble:nth-child(16) {
    animation-delay: 3s
}

#module2 .bubble-wrap .bubble:nth-child(17) {
    animation-delay: 3.2s
}

#module2 .bubble-wrap .bubble:nth-child(18) {
    animation-delay: 3.4s
}

#module2 .bubble-wrap .bubble:nth-child(19) {
    animation-delay: 3.6s
}

#module2 .pos1 {
    bottom: 40px;
    left: 30px
}

#module2 .pos2 {
    bottom: -10px;
    left: 160px
}

#module2 .pos3 {
    bottom: 38px;
    left: 120px
}

#module2 .pos4 {
    bottom: 0;
    left: 20px
}

#module2 .pos5 {
    bottom: 0;
    left: 80px
}

#module2 .pos6 {
    bottom: 35px;
    left: 50px
}

#module2 .pos7 {
    bottom: 36px;
    left: 150px
}

#module2 .pos8 {
    bottom: 70px;
    left: 10px
}

#module2 .pos9 {
    bottom: 15px;
    left: 50px
}

#module2 .pos10 {
    bottom: 75px;
    left: 90px
}

#module2 .pos11 {
    bottom: 60px;
    left: 75px
}

#module2 .pos12 {
    bottom: 30px;
    left: 100px
}

#module2 .pos13 {
    bottom: 60px;
    left: 150px
}

#module2 .pos14 {
    bottom: 15px;
    left: 145px
}

#module2 .pos15 {
    bottom: 30px;
    left: 20px
}

#module2 .pos16 {
    bottom: 45px;
    left: 65px
}

#module2 .pos17 {
    bottom: 18px;
    left: 80px
}

#module2 .pos18 {
    bottom: 60px;
    left: 95px
}

#module2 .pos19 {
    bottom: 8px;
    left: 90px
}

#module3 .bubble-wrap:hover .bubble {
    animation: float 2s ease-in-out infinite
}

#module3 .bubble-wrap .bubble:nth-child(1) {
    animation-delay: 0s
}

#module3 .bubble-wrap .bubble:nth-child(2) {
    animation-delay: 0.2s
}

#module3 .bubble-wrap .bubble:nth-child(3) {
    animation-delay: 0.4s
}

#module3 .bubble-wrap .bubble:nth-child(4) {
    animation-delay: 0.6s
}

#module3 .bubble-wrap .bubble:nth-child(5) {
    animation-delay: 0.8s
}

#module3 .bubble-wrap .bubble:nth-child(6) {
    animation-delay: 1s
}

#module3 .bubble-wrap .bubble:nth-child(7) {
    animation-delay: 1.2s
}

#module3 .bubble-wrap .bubble:nth-child(8) {
    animation-delay: 1.4s
}

#module3 .bubble-wrap .bubble:nth-child(9) {
    animation-delay: 1.6s
}

#module3 .bubble-wrap .bubble:nth-child(10) {
    animation-delay: 1.8s
}

#module3 .bubble-wrap .bubble:nth-child(11) {
    animation-delay: 2s
}

#module3 .bubble-wrap .bubble:nth-child(12) {
    animation-delay: 2.2s
}

#module3 .bubble-wrap .bubble:nth-child(13) {
    animation-delay: 2.4s
}

#module3 .bubble-wrap .bubble:nth-child(14) {
    animation-delay: 2.6s
}

#module3 .bubble-wrap .bubble:nth-child(15) {
    animation-delay: 2.8s
}

#module3 .bubble-wrap .bubble:nth-child(16) {
    animation-delay: 3s
}

#module3 .bubble-wrap .bubble:nth-child(17) {
    animation-delay: 3.2s
}

#module3 .bubble-wrap .bubble:nth-child(18) {
    animation-delay: 3.4s
}

#module3 .bubble-wrap .bubble:nth-child(19) {
    animation-delay: 3.6s
}

#module3 .pos1 {
    bottom: 45px;
    left: 25px
}

#module3 .pos2 {
    bottom: 0;
    left: 165px
}

#module3 .pos3 {
    bottom: 40px;
    left: 125px
}

#module3 .pos4 {
    bottom: 5px;
    left: 15px
}

#module3 .pos5 {
    bottom: 5px;
    left: 75px
}

#module3 .pos6 {
    bottom: 38px;
    left: 55px
}

#module3 .pos7 {
    bottom: 40px;
    left: 148px
}

#module3 .pos8 {
    bottom: 68px;
    left: 8px
}

#module3 .pos9 {
    bottom: 20px;
    left: 45px
}

#module3 .pos10 {
    bottom: 73px;
    left: 88px
}

#module3 .pos11 {
    bottom: 65px;
    left: 72px
}

#module3 .pos12 {
    bottom: 33px;
    left: 95px
}

#module3 .pos13 {
    bottom: 62px;
    left: 148px
}

#module3 .pos14 {
    bottom: 20px;
    left: 140px
}

#module3 .pos15 {
    bottom: 28px;
    left: 15px
}

#module3 .pos16 {
    bottom: 43px;
    left: 68px
}

#module3 .pos17 {
    bottom: 20px;
    left: 78px
}

#module3 .pos18 {
    bottom: 63px;
    left: 93px
}

#module3 .pos19 {
    bottom: 10px;
    left: 87px
}

.presta-line {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding-bottom: 30px
}

.presta-line,.presta-line a {
    -webkit-text-stroke-width: 1;
    -webkit-text-stroke-color: var(--sunset,#ff6f36);
    font-family: "Bricolage Grotesque";
    font-size: 25px;
    font-style: normal;
      /*font-weight: 800;*/
    line-height: 20px;
    white-space: nowrap;
    text-decoration: none;
    text-shadow: -1px -1px 0 #ff6f36,1px -1px 0 #ff6f36,-1px 1px 0 #ff6f36,1px 1px 0 #ff6f36;
    color: var(--sand);
    justify-content: center
}

.presta-line a:hover {
    color: var(--sunset)
}

.borderCardYell {
    padding: 50px;
    border-radius: 10px;
    border: 2px solid var(--green,#2dc48a)
}

.card h3 {
    padding-bottom: 20px
}

.rsform .formControls button.btn.var1,a.btn.var1 {
    width: -webkit-fill-available;
}

#sp-logo img {
    border-radius: 0
}

div#sp-menu {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

/* img {
    border-radius: 5px
} */

.blogV2 #sp-section-2,section {
    padding-top: 50px;
    padding-bottom: 50px
}

h1 img,h2 img,img.h-ico {
    display: inline-flex;
    height: 31px;
    width: auto;
    margin-right: 5px
}

header#sp-header .container {
    max-width: 1300px
}

header#sp-header {
    border-bottom: 0;
    padding: 0 15px;
    position: fixed;
    top: 49px!important;
    background: var(--off-white,#fff9eb)
}

#sp-top1 p {
    margin-bottom: 0;
    font-family: ApfelR;
    font-size: 17px;
    font-style: normal;
    line-height: 18px
}

#sp-top-bar {
    padding: 18px 0;
    position: fixed;
    z-index: 10;
    top: -3px;
    width: 100%;
    background: var(--sand);
    color: var(--chocolate);
    font-size: 17px;
    border: none
}

#sp-top-bar a.link.k1 {
    color: var(--chocolate);
    border-color: var(--sunset)
}

#sp-top1 a.link.k1::after {
    color: var(--sunset)
}

ul.dotlist {
    color: var(--chocolate);
    font-family: ApfelR;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    padding-left: 20px
}

ul.dotlist li {
    list-style: disc
}

.btn.tag {
    color: var(--chocolate);
    font-family: ApfelB;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    border-radius: 20px;
    border: 1px solid var(--sunset)
}

.sppb-article-info-wrap {
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-radius: 5px;
    border: 1px solid var(--green,#2dc48a);
    margin-top: 20px
}

.sppb-article-img-wrap img {
    height: 100%;
    object-fit: cover;
    object-position: center;
    overflow: hidden
}

.sppb-addon-article {
    display: flex!important;
    align-content: stretch!important;
    align-items: stretch!important;
    flex-wrap: nowrap;
    gap: 20px
}

.uk-light {
    top: 505px;
    position: relative;
    width: 100%
}

.uk-light a.uk-position-center-left.uk-position-small.uk-hidden-hover.uk-icon.uk-slidenav-previous.uk-slidenav,.uk-light a.uk-position-center-right.uk-position-small.uk-hidden-hover.uk-icon.uk-slidenav-next.uk-slidenav {
    left: revert
}

form#faCture .formControls {
    margin-top: revert
}

.no-pad a.btn.btn-maxint,ul.no-pad {
    padding-left: 0
}

.control {
    display: inline-flex;
    padding: 40px;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px
}

.mt-30 {
    margin-top: 30px
}

.pb-30 {
    padding-bottom: 30px
}

.btn.bg.var1.yell {
    border: 1px solid var(--sunset);
    color: var(--chocolate);
    width: fit-content
}

.off-calendly {
    height: 46px;
    width: 46px
}

.blogV2 .article-tags a:not(:last-child) {
    margin-right: 15px
}

.blogV2 .article-tags {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    margin-bottom: 20px
}

.blogStar a.uk-link-reset,.uk-scope .blogStar .uk-h2,.uk-scope .blogStar h2 {
    color: var(--chocolate)!important;
    font-family: ApfelB;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px
}

.blog-onglet #sp-main-body {
    background-color: var(--sand);
    padding-top: 50px
}

.layout-blog .text-muted {
    color: var(--chocolate)!important
}

.disabled>.page-link,.page-link.disabled {
    background-color: var(--chocolate);
    color: var(--white)
}

.blogV2 #sp-section-1 {
    padding-bottom: 50px;
    padding-top: 165px
}

.blogV2 #sp-section-2 {
    border-radius: 20px 20px 0 0;
    background: var(--sand)
}

.blogV2 .blogStar>div>div:nth-child(2) {
    display: flex;
    padding: 40px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    border-radius: 5px;
    background: var(--off-white)
}

.blogV2 nav.pagination-wrapper {
    flex-direction: column;
    align-items: center;
    margin: auto;
    padding-top: 100px
}

a.shareRs {
    margin: 1vh 0
}

.blog h1,.blog h2,.blog h2 a {
    line-height: 1
}

.blogV2 section {
    padding-left: 20px!important;
    padding-right: 20px!important
}

.blogV2 #sp-main-body {
    padding-top: 0
}

.searchbar {
    padding-top: 30px
}

.bg-round-20 {
    border-radius: 20px;
    overflow: hidden
}

.border-top-20 {
    border-radius: 20px 20px 0px 0px;
    background: var(--sand)
}

.mb-100 {
    margin-bottom: 100px
}

.refV2 .ref-slide ul.uk-dotnav {
    list-style: none;
    bottom: -38px;
    position: relative;
    padding-left: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 85px
}

.refV2 .uk-grid.uk-grid-collapse.uk-flex-middle>div:nth-child(even) {
    padding: 55px 60px;
    border-radius: 5px;
    background: var(--sand)
}

.bg-off-white .refV2 .uk-grid.uk-grid-collapse.uk-flex-middle>div:nth-child(even) {
    background: var(--off-white,#fff9eb)
}

.refV2 .uk-panel.uk-overflow-hidden {
    padding-bottom: 45px
}

.refV2 .ref-slide h3.uk-h3 {
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    font-family: "Bricolage Grotesque";
    font-size: 20px;
    color: var(--chocolate)
}

.fixed-center {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 20px;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    border-radius: 5px
}

.text-with-underline {
    position: relative;
    display: inline-block;
    width: auto
}

.underline-svg {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -20px;
    overflow: visible
}

.underline-svg path {
    stroke-width: 5
}

@keyframes draw-line {
    from {
        stroke-dashoffset: 686
    }

    to {
        stroke-dashoffset: 0
    }
}

.underline-svg path {
    stroke-width: 5;
    fill: none;
    stroke-dasharray: 686;
    stroke-dashoffset: 686;
    animation: draw-line 0.8s linear forwards
}

.uk-slider .uk-panel h2.great,h2.great {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: 20px;
    font-size: 35px;
    font-style: normal;
      /*font-weight: 800;*/
    line-height: 31px;
    letter-spacing: -1.05px
}

.flex-break {
    flex-basis: 100%;
    height: 0
}

.great span {
    display: flex;
    align-items: center
}

.recrut-posteV2 a.link.k1 {
    color: var(--chocolate)
}

.recrut-posteV2 .card {
    padding: 45px 0;
    gap: 30px;
    align-items: center;
    transition: all .5s ease;
    justify-content: space-between;
    align-content: stretch;
    border-radius: 10px;
    border-color: var(--sand);
    background: var(--sand)
}

.recrut-posteV2 .card:hover {
    border: 1px solid var(--sunset);
    background: var(--off-white)
}

.recrut-posteV2 .card img {
    margin: revert
}

.poste h4 {
    color: var(--chocolate);
    font-family: ApfelR;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px
}

.poste h3 {
    color: var(--chocolate);
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px
}

.card-bg-yell {
    border-radius: 10px;
    background: var(--chocolate);
    padding: 45px 50px;
    color: var(--chocolate-20)
}

.card-bg-sand {
    border-radius: 10px;
    background: var(--chocolate-20,#e5c4a5)
}

.card-bg-white {
    padding: 50px;
    gap: 30px;
    border-radius: 10px;
    border: 1px solid var(--sunset,#ff6f36)
}

.br-20 {
    border-radius: 20px 20px 0px 0px
}

.card.yel.profil,.rsform .form-control {
    background-color: transparent
}

#mod-custom291 .card.yel {
    background-color: var(--sand)
}

strong.yell {
    color: var(--sunset)
}

ul.profil li {
    list-style-type: disc
}

ul.profil.nopad {
    padding-left: 20px
}

ul.process li {
    list-style-type: none;
    padding: 0
}

ul.process li::before {
    content: "- ";
    padding-right: 5px
}

.blogStar h2 a.uk-link-reset,.blogV2 .uk-scope .blogStar a.uk-link-reset,.uk-scope .blogStar .uk-link-reset a,.uk-scope .blogStar h2 a {
    font-family: ApfelB;
    font-size: 30px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: var(--chocolate)!important
}

.latest-article h3 {
    margin: 30px 0 20px
}

.latest-article .readmore {
    margin-top: 20px
}

.latest-article .readmore a {
    text-decoration: none;
    font-weight: 700
}

.latest-article .readmore a:after {
    padding-left: 10px
}

#bg-w .card {
    background: var(--sand)
}

.bloProm {
    padding: 4vh 4vw;
    background-color: var(--sunset);
    margin-bottom: 30px;
    border-radius: 25px
}

.bloProm a {
    text-decoration: underline
}

p a {
    font-weight: 700;
    color: var(--chocolate)
}

.rea-list .rea-no {
    display: none
}

.rea-list .rea-ok {
    display: block!important
}

.uk-scope .uk-h1 a,.uk-scope h1 a,.uk-scope h5,.uk-scope h6,h1,h2,h3,h3.uk-h3 {
    font-family: "Bricolage Grotesque";
    color: var(--chocolate,#330c00);
    font-size: 35px;
    font-style: normal;
    /* font-weight: 800; */
    line-height: 31px;
    letter-spacing: -1.05px
}

.br-left {
    border-radius: 28px 0 0 28px
}

#sp-main-body {
    padding: 90px 0
}

.white {
    color: #fff
}

.blog-esa.com-content-article.item-pageblogV2 {
    display: flex;
    flex-direction: column;
    gap: 30px
}

.blockBlog {
    border-radius: 20px;
    border: 1px solid var(--sunset);
    padding: 0
}

img.blog-ban-site {
    object-fit: contain;
    display: none
}

.astuce {
    background-color: var(--chocolate-20);
    padding: 30px;
    border-radius: 20px;
    margin-bottom: 30px
}

.blog h1,h2 {
    font-size: 30px;
    font-style: normal;
    /* font-weight: 700; */
}

h2 {
    padding-bottom: 20px
}

.layout-blog h3 {
    margin: auto;
    font-size: 25px;
    padding-bottom: 25px
}

.layout-blog .article-details h3,.layout-blog .article-details h3 a {
    color: var(--green);
    font-weight: 400!important;
    letter-spacing: normal
}
.layout-blog h3 strong {
    color: revert;
}
.layout-blog .article-details h3 {
    padding-bottom: 5px
}
.article-details .article-author-information {
    border-top-color: var(--sunset);
}
.article-details p a {
    color: var(--green)
}

.ctaBlog {
    background: var(--chocolate-20);
    border-radius: 20px;
    padding: 30px;
    margin-bottom: 20px
}

.article-details .ctaBlog a {
    color: var(--chocolate)
}

.article-details p a.btn.var1.tagCal {
    color: revert
}

.layout-blog h2 {
    font-size: 35px;
    padding: 15px 0
}

#sp-top1 p.b {
    font-weight: 700;
    font-family: ApfelB
}

li {
    list-style: none
}

.article-details p {
    line-height: 22px
}

.article-ratings .rating-symbol span.rating-star {
    font-family: 'Font Awesome 6 Free'!important
}

.layout-blog .tags a {
    background-color: var(--sunset)!important;
    padding: 5px 10px;
    color: #fff
}

.layout-blog h3.sp-module-title {
    margin-bottom: 0!important
}

.layout-blog .article-details li {
    list-style: disc;
    color: var(--chocolate-60,#6d4c44);
    line-height: 1.4
}

.layout-blog #menu-rea li {
    list-style: none
}

li.disabled.page-item span.page-link {
    border-radius: 50%
}

span.gelu {
    border-radius: 52.7px;
    background-color: var(--sunset);
    clear: both;
    display: flex;
    width: fit-content;
    flex-direction: row;
    align-items: baseline;
    justify-content: center;
    margin: auto;
    padding: 10px 35px;
    transform: rotate(-4deg);
    z-index: -1;
    position: relative;
    animation: colorChange 6s infinite
}

@keyframes colorChange {
    0%,100% {
        background-color: var(--sunset)
    }

    25% {
        background-color: var(--strawberry)
    }

    50% {
        background-color: var(--dark-sky-blue)
    }

    75% {
        background-color: var(--greenblue)
    }
}

h1.great {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    align-content: center
}

.burger-icon {
    background-image: url("https://www.expertsa.fr/images/menu-mobile.svg");
    display: flex;
    background-size: contain;
    background-repeat: no-repeat;
    height: 46px;
    width: 46px
}

.burger-icon>span {
    background-color: revert;
    transition: revert;
    height: revert
}

#sp-menu a {
    color: var(--chocolate,#330c00);
    font-family: ApfelR;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px
}

#sp-menu a,#sp-menu>.sp-column,.sp-megamenu-parent>li,nav.sp-megamenu-wrapper,ul.sp-megamenu-parent {
    line-height: normal
}

#sp-header .row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center
}

.d-btn {
    width: 100%;
    margin-top: 30px
}

.blogStar .card-bg-yella.uk-button.uk-button-default,.card-bg-yell a.btn,.card-bg-yell button#sendLP,.card-bg-yell button#sendNesltr,.card-bg-yell button#sendNesltrfo,.card-bg-yell button.btn.var1 {
    color: var(--off-white,#fff9eb)!important;
}

.blogStar .card-bg-yella.uk-button.uk-button-default::after,.blogStar .card-bg-yella.uk-button.uk-button-default::before,.card-bg-yell a.btn::after,.card-bg-yell a.btn::before,.card-bg-yell button#sendLP::after,.card-bg-yell button#sendLP::before,.card-bg-yell button#sendNesltr::after,.card-bg-yell button#sendNesltr::before,.card-bg-yell button#sendNesltrfo::after,.card-bg-yell button#sendNesltrfo::before,.card-bg-yell button.btn.var1::after,.card-bg-yell button.btn.var1::before {
    color: var(--sunset,#ff6f36)
}

.blogStar a.uk-button.uk-button-default,a.btn,button#sendLP,button#sendNesltr,button#sendNesltrfo,button.btn.var1 {
    border-radius: 25px!important;
    border: 1px solid var(--sunset,#ff6f36)!important;
    font-family: ApfelB;
    font-size: 15px!important;
    font-weight: 400!important;
    font-stretch: normal;
    font-style: normal;
    line-height: normal!important;
    letter-spacing: normal;
    padding: 12px 14px 12px 10px!important;
    text-transform: revert!important;
    transition: all .3s ease!important;
    color: var(--chocolate,#330c00)!important;
    background-color: transparent!important;
}

.blogStar a.uk-button.uk-button-default:hover,a.btn:hover {
    padding: 12px 10px 12px 14px
}

#mod-custom375 ul.no-pad {
    gap: 15px
}

#mod-custom375 a.btn.bg.var1.yell {
    margin-top: 0
}

a.btn.var1,button.btn.var1 {
    background-color: transparent!important;
}

div#mod-custom270 {
    padding-top: 200px
}

.card.inactive,.card.inactive a {
    pointer-events: none;
    opacity: .5;
    background-color: #ccc
}

.recrut-poste .card img {
    text-align: center;
    margin: 0 auto 1.5rem auto
}

.recrut-poste h4 {
    font-family: ApfelR;
    font-size: 17px
}

.recrut-poste .card {
    border-radius: 20px
}

.recrut-poste .card.yel {
    border-color: var(--sunset)
}

.recrut-poste .card.yel .undr-btn .underline::after {
    background-color: var(--sunset)
}

.recrut-poste .card.yel .undr-btn .underline::before {
    color: var(--sunset)
}

/* .blogStar .uk-width-1-2@m .uk-text-center img {
    width: 100%;
    height: auto;
    border-radius: 16px
} */

.blogStar .uk-grid>div {
    padding: 10px
}

.blogStar .uk-grid {
    display: flex;
    flex-wrap: wrap
}

.blogStar .uk-grid>div {
    display: flex;
    flex-direction: column;
    padding: 0;
    padding-right: 1vw;
    justify-content: center
}

.blogStar .uk-panel {
    flex-grow: 1
}

img.uk-transition-scale-up.uk-transition-opaque {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
    object-position: center
}

.sharblog {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    position: fixed;
    right: 1vw;
    top: 25vh
}

.sharblog img {
    height: 35px;
    padding: 3px;
    width: auto
}

.blog-esa h1 {
    font-size: 45px;
    line-height: 1
}

.blog-esa ul.tags.mb-4 {
    margin: revert;
    padding: 0;
    background: 0 0
}

.blog-esa .article-info {
    display: none
}

#sp-main-body .blog-esa {
    padding-top: 50px
}

.article-meta.linede {
    padding: 50px 0 35px;
    border-bottom: 1px solid #000;
    margin-bottom: 40px
}

.blog-esa h2,.blog-esa h3,.blog-esa h4,.blog-esa h5,.blog-esa h6,.blog-esa ol,.blog-esa p,.blog-esa ul {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto
}

.blog-esa p {
    line-height: 1.24;
    color: var(--chocolate)
}

.blog-esa ol,.blog-esa ul {
    border-radius: 14px;
    background-color: var(--sunset);
    padding: 40px 60px;
    line-height: 1.5
}

.blog-esa ol li {
    list-style-type: decimal
}

.blog-esa ul li {
    list-style-type: square
}

.blog-esa h2 {
    font-size: 30px
}

.article-list .article .article-header h2 a {
    color: var(--chocolate,#330c00);
    font-family: "Bricolage Grotesque";
    font-size: 20px;
    font-style: normal;
    /*font-weight: 800;*/
    line-height: 20px;
    letter-spacing: -.6px
}

.sppb-article-info-wrap h3 {
    line-height: 0
}

.sppb-article-info-wrap h3 a {
    color: var(--chocolate,#330c00);
    font-family: "Bricolage Grotesque";
    font-size: 20px;
    font-style: normal;
      /*font-weight: 800;*/
    line-height: 20px;
    letter-spacing: -.6px
}

.undr-btn {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    background: 0 0;
    position: relative;
    margin-top: 20px
}

.undr-btn .underline {
    position: relative;
    padding-right: 15px;
    cursor: pointer
}

.undr-btn .underline::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    width: calc(100% - 15px);
    height: 2px;
    z-index: 1
}

.undr-btn .underline::before {
    content: "\2192";
    font-size: 16px;
    position: absolute;
    right: 0;
    bottom: 50%;
    transform: translateY(50%);
    background: 0 0;
    z-index: 2
}

#monCarousel .carousel-slide-content {
    min-height: 250px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 5vh 2vw;
    border-radius: 14px;
    border-radius: 10px;
    background: var(--chocolate-20,#e5c4a5);
    border: solid 1px var(--white)
}

#monCarousel .carousel-indicators {
    bottom: -6vh
}

#monCarousel .carousel-indicators button {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #000
}

#monCarousel .carousel-control-next-icon,#monCarousel .carousel-control-prev-icon {
    font-size: 24px;
    color: #000;
    background-image: revert
}

#monCarousel .carousel-control-next,#monCarousel .carousel-control-prev {
    z-index: 15
}

#monCarousel .carousel-control-prev {
    left: -3vw
}

#monCarousel .carousel-control-next {
    right: -3vw
}

.offcanvas-menu {
    width: 0;
    transition: width .5s;
    padding: 75px 35px;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    background-color: var(--sand);
    overflow: hidden
}

.offcanvas-active .offcanvas-menu {
    width: 100vw
}

.offcanvas-menu.border-menu .offcanvas-inner ul.menu>li a {
    border-radius: 28px;
    border: solid 1px var(--chocolate);
    background-color: var(--white);
    text-align: left;
    display: flex;
    padding-left: 20px
}

.offcanvas-menu.border-menu .offcanvas-inner ul.menu>li.active a {
    border: solid 1px var(--sunset)
}

.offcanvas-menu.border-menu .offcanvas-inner ul.menu>li {
    border-bottom: none;
    margin-bottom: 12px
}

.offcanvas-menu .offcanvas-inner ul.menu,.offcanvas-menu .offcanvas-inner ul.menu ul {
    margin-bottom: 0
}

.offcanvas-active .offcanvas-menu.border-menu .offcanvas-inner ul.menu-child>li a {
    border: 0;
    background: revert;
    padding-left: 0;
    text-align: left
}

.offcanvas-menu .offcanvas-inner ul.menu ul.menu-child {
    border-radius: 28px;
    border: solid 1px var(--sunset);
    background-color: var(--white);
    margin-left: 0!important;
    margin-top: 10px;
    text-align: left;
    padding: 15px 30px
}

.offcanvas-active .offcanvas-menu.border-menu .offcanvas-inner ul.menu-child>li a::before {
    padding-right: 5px;
    color: var(--sunset)
}

.offcanvas-active .offcanvas-menu.border-menu .offcanvas-inner ul.menu-child>li a:hover::before {
    color: var(--green)
}

.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent.menu-parent-open>.menu-separator>.menu-toggler:after,.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent.menu-parent-open>a>.menu-toggler:after {
    content: "\2193"
}

.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler:after,.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler:after {
    content: "\2192";
    padding-right: 5px;
    color: #000
}

span.boldyel {
    color: var(--sunset);
    font-weight: 600
}

button#bouton-envoi-demande:hover,button#envoi-recrutement:hover,button#payer:hover {
    background: var(--sunset);
    color: #fff
}

ul.podcast-list {
    list-style-type: none;
    padding: 0
}

ul.podcast-list li::before {
    content: url("https://www.expertsa.fr/images/pod-icon-fleche-blanche.svg");
    margin-right: 10px;
    vertical-align: middle
}

ul.podcast-list li {
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

.music-platform {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    border-radius: 20px;
    border: solid 1px var(--sunset);
    padding: 3vw
}

.music-platform img {
    width: 50px;
    height: 50px
}

.podcast-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    position: relative;
    padding-right: 30px;
    height: 22px;
    font-family: ApfelB;
    font-size: 20px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--chocolate)
}

.podcast-btn .underline {
    position: relative;
    display: inline-block;
    font-weight: 700;
    padding-right: 10px
}

.podcast-btn .underline::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 100%;
    height: 2px;
    background-color: orange;
    z-index: 1
}

.podcast-btn .underline::before {
    content: "";
    position: absolute;
    right: -20px;
    bottom: 0;
    width: 20px;
    height: 20px;
    background-image: url("https://expertsa.fr/images/arrow-y.svg");
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 2
}

.bg-ow {
    background: var(--sand)
}

.article-author-information img {
    display: none
}

.blogStar h1 a.uk-link-reset {
    font-size: 35px;
    color: var(--chocolate)!important
}

.uk-scope .blogStar .uk-h1,.uk-scope .blogStar h1 {
    line-height: .8
}

.offcanvas-menu ul.menu-child li {
    margin-bottom: 5px
}

.reviews .grp-reviews-container {
    background: 0 0!important
}

.custom-horizontal-scroll {
    white-space: nowrap;
    position: relative;
    width: 100%;
    overflow: hidden
}

.custom-carousel-container {
    width: max-content;
    margin-left: 15px;
    overflow: hidden
}

.custom-carousel-track {
    display: flex;
    align-items: center;
    gap: 20px
}

.custom-carousel-item {
    flex: 0 0 auto;
    width: 400px;
    height: auto;
    display: inline-block;
    overflow: hidden;
    position: relative;
    padding: 20px
}

.custom-carousel-item img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform .5s ease
}

.custom-carousel-item:nth-child(odd) img {
    transform: rotate(-5deg)
}

.custom-carousel-item:nth-child(even) img {
    transform: rotate(5deg)
}

.custom-horizontal-scroll::before {
    content: "";
    position: absolute;
    left: -100px;
    top: 0;
    width: 150px;
    height: 100%;
    z-index: 10
}

.custom-horizontal-scroll::after {
    content: "";
    position: absolute;
    right: -100px;
    top: 0;
    width: 150px;
    height: 100%;
    z-index: 10
}

.gb.arrow li::before {
    color: var(--light-teal)
}

.card img {
    margin: 0 15px 15px 0
}

.animated-text {
    transform: revert;
    line-height: 45px;
    width: fit-content;
    height: revert
}

.tags>li a:hover {
    background: 0 0;
    color: var(--chocolate)
}

#menu-rea a,ul.tags>li a {
    background: 0 0;
    line-height: 16px;
    padding: 0
}

ul#menu-rea {
    display: flex;
    justify-content: space-between;
    padding-left: 0;
    flex-wrap: wrap;
    margin-top: 50px;
    zoom:0.90;align-content: center;
    align-items: center;
    flex-direction: row;
    list-style-type: none
}

ul.tags.mb-4 {
    margin-bottom: 0!important;
    display: flex;
    gap: 10px
}

ul#menu-rea li a,ul.tags {
    border-color: var(--sunset);
    margin: 0
}

ul.arrow {
    line-height: 1.35;
    margin-top: 20px;
    padding-left: 0
}

.arrow li::before,h3.purpl.arrw::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f061";
    margin-right: 10px
}

h3.purpl.arrw,h3.purpl.arrw:before,ul.prpl.arrow li::before {
    color: var(--purpley)
}

.dustor.arrow li::before {
    color: var(--dusty-orange)
}

.uk-scope .uk-h1 a,.uk-scope h1 a {
    line-height: normal
}

.whit {
    color: var(--sunset)
}

.bg-bk {
    background-color: var(--chocolate);
    color: var(--white)
}

span.oryell {
    color: var(--sunset)
}

.break {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    height: 0;
    clear: both
}

@media (min-width: 768px) and (max-width:992px) {
    a.btn.var1,button.btn.var1 {
        margin-top:0
    }

    .great span.break::after {
        content: "\00a0";
        display: inline;
        font-size: initial
    }
}

#sp-bottom1 h2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 45px;
    line-height: 40px
}

#sp-bottom1 img.h-ico {
    height: 33px;
    margin-right: 16px
}

.site .formError,.site .formRed {
    color: #000;
    padding: 0
}

span.yell {
    color: var(--sunset)
}

span.greeny {
    color: var(--green)
}

span.gb {
    color: var(--greenblue)
}

#mod-custom172 h2 {
    color: var(--white);
    margin-bottom: 20px
}

#sp-top-bar .sp-module {
    display: revert;
    margin: revert
}

button#sendNesltrfo {
    font-family: ApfelB;
    font-size: 17px;
    letter-spacing: normal;
    text-transform: initial!important;
    padding: 12px 16px 12px 10px;
    border-radius: 20px;
    background: var(--chocolate,#330c00);
    color: var(--off-white,#fff9eb);
    border-color: var(--chocolate)
}

a.sppb-readmore {
    border-radius: 20px;
    border: solid 1px var(--sunset);
    font-family: ApfelB;
    font-size: 17px;
    padding: 12px 20px 12px 16px;
    text-transform: revert;
    background-color: transparent;
    color: var(--chocolate);
    display: block;
    width: fit-content;
    margin-top: 1vh
}

a.sppb-readmore:hover {
    background-color: var(--sunset);
    color: var(--white);
    padding: 12px 16px 12px 20px
}

a.sppb-readmore::after,a.sppb-readmore::before {
    font-family: FontAwesome;
    content: "\f061";
    transform: translateX(-75%)
}

a.sppb-readmore::after {
    opacity: 1;
    padding-left: 0.5vw
}

a.sppb-readmore:hover::after {
    padding-left: revert;
    opacity: 0
}

a.sppb-readmore:hover::before {
    padding-right: 0.5vw;
    opacity: 1
}

a.btn.btn-maxint {
    border: revert;
    border-radius: revert;
    width: auto;
    margin: auto
}

.btn-max:hover {
    background-color: var(--sunset)
}

.btn-max:hover .btn-maxint span {
    border-bottom: 1px solid #fff
}

.btn-max:hover .btn-maxint::after {
    color: #fff;
    opacity: 1;
    padding-left: 10px
}

a.btn.btn-maxint:hover {
    padding: 12px 1.5vw 12px 1vw
}

a.btn.btn-maxint::before {
    content: none
}

a.btn.btn-maxint span {
    border-bottom: 1px solid var(--sunset)
}

a.btn.btn-maxint::after {
    color: var(--sunset)
}

.green a.btn.btn-maxint span {
    border-color: var(--green)
}

.green a.btn.btn-maxint::after {
    color: var(--green)
}

.card-bg-off-white {
    border-radius: 5px;
    background: var(--off-white,#fff9eb);
    display: flex;
    padding: 47px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px
}

#sp-bottom .card-bg-yell a.btn.var1:hover,.card-bg-yell a.btn.var1.yello:hover,.card-bg-yell a.btn.var1:hover,.card-bg-yell button#sendNesltr:hover {
    background: var(--off-white,#fff9eb);
    color: var(--chocolate,#330c00);
    border-color: var(--off-white)
}

.bento .card-bg-o h3,.card-bg-sand h3 {
    padding-bottom: 30px
}

.card-bg-yell h2,.card-bg-yell h3 {
    color: var(--off-white,#fff9eb);
    padding-bottom: 30px
}

#mod-custom446 h2.main {
    padding-bottom: 0
}

.card.yel {
    border-color: var(--sunset);
    padding: 55px 60px
}

#sp-bottom a.btn.var1:hover,a.btn.var1.yello:hover,a.btn.var1:hover,button#sendNesltr:hover {
    background-color: var(--sunset);
    color: var(--white);
    border-color: var(--sunset)
}

a.btn.var1.yello {
    border-color: var(--sunset)
}

.btn.bg.var1:hover,button.btn.var1:hover {
    background-color: var(--white);
    color: var(--chocolate)
}

.btn.bg.var1 {
    background-color: transparent;
    color: var(--white);
    border-color: var(--white)
}

a.btn.var2,button#sendLP {
    background-color: transparent;
    color: var(--chocolate,#330c00)
}

.btn.var2:hover,button#sendLP:hover {
    background: var(--sunset,#ff6f36);
    color: var(--off-white);
    text-decoration: none;
    border: 1px solid var(--sunset)
}

button#sendNesltrfo:hover {
    background-color: var(--sunset);
    text-decoration: none;
    color: var(--off-white,#fff9eb);
    border-color: var(--sunset)
}

a.btn.up::after,a.btn.up::before {
    content: "\f062"
}

.blogStar a.uk-button.uk-button-default::after,.blogStar a.uk-button.uk-button-default::before,a.btn::after,a.btn::before,button#sendLP::after,button#sendLP::before,button#sendNesltr::after,button#sendNesltr::before,button#sendNesltrfo::after,button#sendNesltrfo::before,button.btn.var1::after,button.btn.var1::before {
    font-family: FontAwesome;
    content: "\f061";
    -webkit-transform: translateX(-75%);
    -ms-transform: translateX(-75%);
    transform: translateX(-75%)
}

.blogStar a.uk-button.uk-button-default::after,a.btn::after,button#sendLP::after,button#sendNesltr:after,button#sendNesltrfo::after,button.btn.var1::after {
    padding-left: 1.5vw;
    opacity: 1
}

.blogStar a.uk-button.uk-button-default::before,a.btn::before,a.sppb-readmore::before,button#sendLP::before,button#sendNesltr::before,button#sendNesltrfo::before,button.btn.var1::before {
    opacity: 0
}

a.link {
    font-family: ApfelB;
    font-size: 17px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    border-bottom: 1px solid
}

a.link.k1 {
    color: var(--white);
    border-color: var(--green)
}

a.link::after {
    font-family: FontAwesome;
    content: "\f061";
    -webkit-transform: translateX(-75%);
    -ms-transform: translateX(-75%);
    transform: translateX(-75%);
    padding-left: 10px
}

a.link.k1::after {
    color: var(--green)
}

.blogStar a.uk-button.uk-button-default:hover::after,a.btn:hover::after,button#sendLP:hover::after,button#sendNesltr:hover::after,button#sendNesltrfo:hover::after,button.btn.var1:hover::after {
    padding-left: revert;
    opacity: 0
}

.blogStar a.uk-button.uk-button-default:hover::before,a.btn:hover::before,button#sendLP:hover::before,button#sendNesltr:hover::before,button#sendNesltrfo:hover::before,button.btn.var1:hover::before {
    padding-right: 1.5vw;
    opacity: 1
}

a.link.k2 {
    color: var(--chocolate)
}

a.link.k2:hover {
    border-color: var(--white)
}

a.link.k2:hover::after {
    color: var(--white)
}

#sp-top-bar a:hover,a.link.k1:hover {
    color: var(--green)
}

a.btn.btn-sm.btn-secondary.previous::after,a.btn.btn-sm.btn-secondary.previous::before {
    content: "\f060";
    opacity: 1;
    padding-right: 0.5vw
}

a.btn.btn-sm.btn-secondary.previous::after {
    opacity: 0;
    padding: 0
}

a.btn.btn-sm.btn-secondary.previous:hover::after {
    opacity: 1;
    padding-left: 0.5vw
}

a.btn.btn-sm.btn-secondary.previous:hover::before {
    opacity: 0;
    padding: 0
}

.rezpage section#sp-main-body {
    background-color: var(--sand)
}

.mod-articles-category-group {
    font-weight: 700;
    padding-bottom: 2vh
}

.rezpage #sp-section-5 h2.text-center {
    padding-bottom: 5vh
}

.rezpage .blogrezpage h1 {
    font-size: 45px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: var(--chocolate)
}

.article-list .events .article,ul.mod-articlescategory.category-module.mod-list {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 3vh 2vw;
    border-radius: 14px;
    border: solid 1px var(--sunset);
    background-color: var(--white)
}

.events .article-intro-image {
    width: 25vw
}

.rezpage section#sp-section-1 {
    margin-top: 90px;
    padding: 95px 0
}

h1.ic-header-title {
    font-size: 45px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: var(--chocolate)
}

.ic-box-date {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 205px;
    width: 230px;
    padding: 0;
    justify-content: center;
    background-size: contain
}

.ic-list-event,.ic-list-event:nth-child(2n+1),.icinfo.ic-info {
    border-radius: 14px;
    border: solid 1px var(--sunset);
    background-color: var(--white)
}

.event-header.ic-event-header,.ic-title-header h1 {
    border: none;
    background: 0 0
}

.ic-title-header h2,.ic-title-header h3 {
    font-family: Apfelb;
    font-size: 20px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--chocolate)
}

div.ic-event-title {
    border-bottom: 0
}

span.pagination {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: nowrap;
    margin-top: 3vh
}

.article-details .article-ratings-social-share {
    border-color: var(--sunset)
}

.article-details .article-full-image img {
    margin: auto auto;
    display: flex
}

.article-details .article-header h1 {
    font-size: 45px;
    line-height: 1
}

.article-details .article-header h2 {
    font-size: 20px
}

.blogStar img {
    width: 100%
}

.blogStar>div>div:nth-child(2) {
    padding: 40px 80px;
    background-color: var(--sunset);
    display: flex;
    align-items: center;
    border-radius: 16px
}

.itemid-151 #sp-section-1 {
    padding-top: 270px
}

.blogStar>div {
    align-items: stretch!important;
    justify-content: center
}

li.list-group-item::before {
    font-family: FontAwesome;
    content: "\f061";
    color: var(--sunset)
}

.readmore a {
    text-decoration: underline
}

.tags>li {
    margin: 0
}

.article-list .article .readmore {
    margin-top: 20px;
    font-size: 17px;
    font-family: ApfelB;
    color: var(--chocolate)
}

.article-list .article .readmore a,.article-list .article .readmore a:active,.article-list .article .readmore a:focus,.article-list .article .readmore a:hover {
    color: var(--chocolate,#330c00);
    font-family: ApfelB;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px
}

.readmore a::after {
    font-family: FontAwesome;
    content: "\f061"
}

.blog .tags>li a {
    border-radius: 16px;
    border: solid 1px var(--sunset);
    background-color: var(--white);
    font-weight: 700
}

.blog .tags>li a:hover {
    color: #000
}

.blog .article-info * {
    font-size: 17px;
    color: var(--sunset)
}

.blog .article-info,.blog .article-list .article .article-header h1,.blog .article-list .article .article-header h2,.blog .tags {
    margin-bottom: 10px
}

.article-list .article {
    border: revert;
    padding: revert
}

.article-body {
    padding: revert;
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.article-list .article .article-feature-gallery,.article-list .article .article-featured-audio,.article-list .article .article-featured-video,.article-list .article .article-intro-image {
    margin: revert
}

.BigBlog .article {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.BigBlog .article-body,.BigBlog .article-intro-image {
    width: 48%
}

.articles-leading.BigBlog {
    background-color: var(--sunset)
}

.list-group-item {
    border-color: transparent
}

.page-item:last-child .page-link,a.page-link,span.page-link {
    border-radius: 50px;
    width: 35px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin: revert;
    height: 35px;
    margin-right: .3vw
}

ul.pagination {
    display: flex;
    align-content: stretch;
    align-items: stretch;
    flex-wrap: nowrap;
    justify-content: center;
    flex-direction: row
}

.pagination>.active>a,.pagination>.active>span {
    background-color: var(--sunset);
    border-color: var(--sunset);
    color: var(--chocolate)
}

.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span:focus,.pagination>.active>span:hover,.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {
    background-color: var(--sunset);
    border-color: var(--sunset)
}

a.page-link {
    background-color: var(--sand);
    border-color: var(--sand)
}

.pagination-counter {
    width: 75%;
    margin: 20px auto
}

.tup span.fas {
    background: var(--chocolate);
    border-radius: 100%;
    width: 40px;
    height: 40px
}

.sp-scroll-up {
    display: none;
    position: fixed;
    bottom: 125px;
    zoom:0.7}

a.sp-scroll-up.tup {
    text-align: revert;
    line-height: revert;
    width: 45px;
    height: 45px;
    border: 1px solid var(--sand);
    background: var(--off-white);
    display: flex!important;
    justify-content: center;
    align-items: center;
    align-content: center;
    text-align: center
}

a.sp-scroll-up.tup span {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    color: var(--off-white)
}

#carouselPrestation .card-body {
    background-color: var(--off-white)
}

#carouselPrestation .card {
    border: 1px solid var(--off-white)!important;
    border-radius: 5px
}

.card {
    background-color: transparent;
    border-radius: 15px
}

.card.sand {
    border-radius: 5px;
    background: var(--sand,#f4ead7);
    border-color: var(--sand)
}

h3.linky {
    border-bottom: 1px solid;
    width: max-content
}

h3.linky:after {
    content: "\f061";
    font-family: FontAwesome;
    font-size: small;
    padding-left: 5px
}

.presta .card {
    border-radius: 20px
}

.homeBlog .sppb-addon-article {
    display: flex;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: column
}

a#btn-1686567908466 {
    display: flex;
    justify-content: center;
    width: fit-content;
    margin: auto
}

section .bg-grad-bg {
    background: -moz-linear-gradient(180deg,#fff 30%,#fff9eb 30%,#fff9eb 100%)
}

.homeBlog .tags>li a {
    background-color: var(--dusty-orange)
}

h3 a.uk-link-reset {
    font-family: "Bricolage Grotesque";
    font-size: 20px;
    color: var(--chocolate)
}

.rea-no p {
    color: var(--chocolate-60,#6d4c44);
    font-family: ApfelR;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px
}

.uk-scope .ref-slide li>a {
    color: var(--chocolate);
    font-family: ApfelB
}

.refv2.ref-slide .uk-margin-top ul li {
    list-style-type: none
}

.refv2 ul#wk-switcher5a2 {
    display: flex;
    padding: 50px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    border-radius: 5px;
    border: 1px solid var(--sunset)
}

.uk-scope .uk-dotnav>*>* {
    border: 1px solid var(--chocolate)
}

.refv2 .uk-scope .uk-dotnav>.uk-active>* {
    background-color: var(--chocolate)
}

.ref-slide .uk-margin-top ul li {
    list-style-type: none
}

.ref-slide .uk-margin-top .rea-no ul li {
    list-style-type: inherit
}

.ref-slide h3.uk-h3 {
    color: var(--white)
}

.uk-scope .ref-slide .uk-padding {
    padding: 0
}

.uk-scope .ref-slide ol,.uk-scope .ref-slide ul {
    list-style-type: disc;
    color: var(--chocolate-60,#6d4c44)
}

.form-control::placeholder,select#type::placeholder {
    font-family: ApfelB;
    font-size: 17px;
    color: var(--chocolate)
}

.form-control,.form-control::before,.form-select,select#type,textarea#message,textarea.form-control {
    border-radius: 20px;
    border: solid 1px var(--sunset);
    padding: 10px 23px;
    height: auto;
    font-family: ApfelB;
    font-size: 17px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--chocolate);
    margin-bottom: 0;
    background-color: var(--off-white)
}

form#nwsfooterform input#mail {
    border: solid 1px var(--sunset);
    background-color: var(--sand)
}

.TeamZoom .card {
    border-radius: 14px
}

.project h3 {
    margin-bottom: 11px
}

.project h3 img {
    margin-bottom: -15px
}

#rsform_20_page_0 .formControls {
    margin-top: 0;
    margin-bottom: 10px
}

.rezosoc {
    width: fit-content;
    gap: 10px
}

#menu-legal li,#sp-footer ul.menu li {
    margin-bottom: 13px!important;
    display: block!important;
}

.partner {
    padding: 30px;
    width: fit-content;
    gap: 2vw;
    margin-bottom: 30px
}

.card.partner img {
    margin: 0 0 55px 0
}

section#sp-bottom {
    padding: 45px 20px 0 20px
}

ul#menu-legal {
    padding-left: 0;
    margin-bottom: 50px
}

#sp-footer .sp-module-title {
    font-family: "Bricolage Grotesque";
    font-size: 16px!important;
    font-weight: 400!important;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal!important;
    color: var(--chocolate)!important;
    line-height: 18px;
    text-transform: revert!important;
    margin-top: 10px
}

#sp-footer1 {
    margin-bottom: revert
}

#menu-legal,#sp-footer ul.menu li a,footer#sp-footer, #sp-footer1 ul.menu li a {
    font-family: ApfelR;
    font-size: 15px!important;
    font-stretch: normal;
    font-style: normal;
    line-height: .8!important;
    letter-spacing: normal!important;
    color: var(--chocolate-60)!important;
}

#sp-copyright .sp-module {
    font-family: ApfelB;
    font-size: 14px;
    line-height: 1.2;
    letter-spacing: normal;
    color: var(--chocolate)
}

.coord a {
    font-family: ApfelB;
    font-size: 17px;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--chocolate);
    margin-left: 10px;
    display: block
}

.coord>div {
    margin-bottom: 3vh
}

.presta .row .col {
    padding: 0
}

#mod-custom139 p,.card p:last-child {
    margin-bottom: 0
}

@media (min-width: 768px) and (orientation:portrait) {
    div#sp-top1 .container {
        max-width:100%;
        padding: 0 80px
    }
}

span.line {
    width: 100%;
    height: 2px;
    border-radius: 12px;
    margin-top: 4px
}

#column-wrap-id-1687940301202 h1 span {
    border-radius: 58px;
    background-color: var(--sunset);
    transform: rotate(-5deg);
    z-index: -1;
    margin-top: -5px
}

#sppb-addon-1687940891376 .music {
    border-radius: 20px;
    border: solid 1px var(--sunset)
}

#sppb-addon-1687940891376 .music p {
    text-decoration: underline var(--sunset);
    font-weight: 700
}

#section-id-1687940348651 .p-4 {
    border-radius: 14px;
    border: solid 1px var(--sunset)
}

#column-wrap-id-1688117098574 h1 span {
    border-radius: 58px;
    background-color: var(--sunset);
    transform: rotate(-5deg);
    z-index: -1;
    margin-bottom: -5px
}

#section-id-1688117245813 .music,#section-id-1688117245821 .music {
    border-radius: 20px;
    border: solid 1px var(--sunset)
}

.carousel-control-next,.carousel-control-prev {
    opacity: 1
}

@media (min-width: 992px) {
    #carouselLivreBlanc .carousel-inner .carousel-item .row {
        margin-right:-7.5px;
        margin-left: .5px
    }

    #carouselLivreBlanc .carousel-inner .carousel-item .col-lg-6 {
        padding-right: 7.5px;
        padding-left: 0.5px
    }

    #carouselLivreBlanc .carousel-inner .carousel-item .card.yel {
        padding-right: 7.5px;
        padding-left: 0.5px
    }
}

#carouselLivreBlanc .carousel-item {
    height: 400px
}

#carouselLivreBlanc .carousel-text {
    padding: 20px
}

#carouselLivreBlanc .carousel-item img {
    height: 100%;
    object-fit: cover
}

#carouselLivreBlanc .carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: transparent;
    margin: 1px;
    border: 1px solid var(--chocolate)
}

#carouselLivreBlanc .carousel-indicators .active {
    background-color: var(--chocolate)
}

#carouselLivreBlanc .carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 15
}

#carouselLivreBlanc .carousel-control-next,#carouselLivreBlanc .carousel-control-prev {
    position: absolute;
    bottom: 10px;
    z-index: 15
}

#carouselLivreBlanc .carousel-control-prev {
    left: 10px
}

#carouselLivreBlanc .carousel-control-next {
    right: 10px
}

#carouselLivreBlanc .carousel-control-icon {
    display: flex;
    width: 28px;
    height: 28px;
    padding: 5px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 30px;
    background: var(--chocolate,#330c00);
    opacity: 1
}

@media (min-width: 992px) {
    .borderCardYell {
        padding:55px 60px
    }

    #carouselLivreBlanc .carousel-item {
        flex-direction: row
    }

    #carouselLivreBlanc .carousel-indicators {
        left: 10px;
        bottom: 10px;
        transform: none;
        justify-content: flex-start;
        margin: 0
    }

    #carouselLivreBlanc .carousel-control-next,#carouselLivreBlanc .carousel-control-prev {
        bottom: 10px;
        top: auto;
        transform: none
    }

    #carouselLivreBlanc .carousel-control-prev {
        left: auto;
        right: 50px
    }

    #carouselLivreBlanc .carousel-control-next {
        right: 10px
    }
}

div#mod-custom152 .card img {
    margin-bottom: 2vh
}

#section-id-1687858282852 h1 span {
    border-radius: 58px;
    background-color: var(--sunset);
    transform: rotate(-5deg);
    z-index: -1;
    margin-bottom: -5px
}

.formContainer .row label {
    font-family: ApfelR;
    font-size: 17px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    text-transform: revert;
    color: var(--chocolate)
}

.formContainer .row:nth-child(2) input,.row:nth-child(3) input,.row:nth-child(4) input {
    border-radius: 20px;
    border: solid 1px var(--sunset)
}

.formContainer .row:nth-child(5) .col-sm-9 label {
    display: flex
}

.formContainer .col-sm-9 {
    width: 100%!important
}

.form-check-input:focus {
    box-shadow: none!important
}

/* .formContainer input {
    margin-bottom: 0!important;
    border-radius: 20px;
    background-color: transparent
} */

.form-check-input:checked[type=checkbox] {
    --bs-form-check-bg-image: url("https://www.expertsa.fr/images/svg/check-svg.svg")!important;
    background-color: transparent
}

.form-check-input[type=checkbox] {
    border-radius: 2px!important;
    border: solid 1px var(--chocolate)!important
}

.formContainer .form-check p {
    font-size: 17px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--chocolate)
}

.calendly {
    z-index: 10;
    position: fixed;
    bottom: 160px;
    right: 30px
}

.calendly a:hover {
    cursor: pointer
}

.btn-max {
    width: auto;
    padding: 4vh 2vw;
    border-radius: 20px;
    border: solid 1px var(--sunset)
}

.btn-maxint {
    border-bottom: 1px solid var(--sunset);
    text-decoration: none;
    color: var(--chocolate)
}

div#sp-recrut-left {
    margin-bottom: 45px
}

@media (min-width: 576px) {
    #sp-toppy {
        padding-top:50px
    }

    footer#sp-footer,section#sp-copyright {
        padding: 0 20px 0
    }

    section#sp-bottom {
        padding: 65px 20px 45px
    }

    #sp-toppy {
        padding-top: 0
    }
}

.ref-slide .uk-grid>div:nth-child(2) {
    margin-top: 15px
}

@media (min-width: 768px) {
    #module2.bble.oranged {
        height:395px
    }

    .bble {
        height: 377px
    }

    .presta-line,.presta-line a {
        -webkit-text-stroke-width: 1;
        -webkit-text-stroke-color: var(--sunset,#ff6f36);
        font-family: "Bricolage Grotesque";
        font-size: 50px;
        font-style: normal;
        /*font-weight: 800;*/
        line-height: 20px;
        white-space: nowrap;
        text-decoration: none;
        text-shadow: -1px -1px 0 #ff6f36,1px -1px 0 #ff6f36,-1px 1px 0 #ff6f36,1px 1px 0 #ff6f36;
        color: var(--sand);
        justify-content: center
    }

    .blogV2 #sp-main-body {
        padding: 20px 0
    }

    .blogV2 #sp-section-2 {
        padding-left: 65px!important;
        padding-right: 65px!important
    }

    .blogV2 #sp-section-1 {
        padding-bottom: 60px;
        padding-top: 200px
    }

    h1.great {
        font-size: 35px;
        font-style: normal;
         /*font-weight: 800;*/
        line-height: 31px;
        letter-spacing: -1.05px;
        display: flex;
        align-content: center;
        align-items: center
    }

    header#sp-header {
        padding: 0 73px
    }

    .partner {
        padding: 30px;
        width: -webkit-fill-available;
        gap: 2vw
    }

    .card.partner img {
        margin: 0
    }

    .img-rounded-custom {
        border-top-right-radius: 1rem;
        border-bottom-right-radius: 1rem
    }

    section#sp-section-5 {
        padding: 55px 20px
    }

    #sp-footer .sp-column {
        text-align: revert
    }

    footer#sp-footer,section#sp-copyright {
        padding: 0 80px 0
    }

    section#sp-bottom {
        padding: 100px 80px 40px;
        border-radius: 20px 20px 0px 0px
    }

    div#sp-recrut-left {
        margin-bottom: 35px
    }

    .presta .row .col {
        padding: 1vh
    }

    #sp-menu a {
        font-size: 20px
    }

    img.icone-coord {
        margin-right: 15px
    }

    #sp-bottom .coord a {
        font-family: "Bricolage Grotesque";
        font-size: 17px;
        line-height: normal
    }

    .coord>div {
        margin-bottom: 20px
    }

    .coord {
        margin-top: 10px
    }

    .colonn .sppb-row>.sppb-row-column {
        max-width: 100%!important;
        width: 100%;
        flex-basis: revert!important
    }
}

body .sppb-row-column {
	padding: 0;
}

body .sppb-row {
	margin: 0;
}

.contn .cardMantra .face.face1 {
    background: #000;
    position: relative;
    z-index: 1;
    transform: translateY(155px)
}

.contn .cardMantra .face.face1 .content h3 {
    margin: 10px 0 0;
    padding: 0;
    color: #fff;
    font-size: 1.5em
}

.contn .cardMantra .face {
    -o-transition: .5s
}

.contn .cardMantra .face.face2 {
    background: var(--sunset);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 992px) {
    .blogrea-list.blog-onglet.blogV2 .row.row-1.col-md-10.mx-md-auto.cols-2 {
        justify-content:space-between
    }

    .blogrea-list.blog-onglet.blogV2 .row.row-1.col-md-10.mx-md-auto.cols-2 .col-lg-6 {
        width: 48%!important;
        padding: 0
    }

    #sp-section-7 {
        padding: 100px 0!important
    }

    .sppb-article-info-wrap {
        padding: 75px;
        display: flex;
        flex-direction: column;
        gap: 20px;
        border-radius: 5px;
        border: 1px solid var(--green,#2dc48a);
        margin-top: 0
    }

    #sp-copyright {
        background-color: #f4ead7;
        color: #000;
        padding: 35px 20px 100px 20px;
        margin: 0
    }

    .mb-3.rsform-block {
        margin-bottom: revert!important
    }

    #module2.bble.oranged {
        height: 217px
    }

    #module2.bble.ag324,#module3.bble.ag324 {
        height: 324px!important
    }

    .bble.ag165 {
        height: 165px
    }

    .bble {
        height: 245px
    }

    #mod-custom464 #module3.bble {
        height: 285px
    }

    .presta-line,.presta-line a {
        -webkit-text-stroke-width: 1;
        -webkit-text-stroke-color: var(--sunset,#ff6f36);
        font-family: "Bricolage Grotesque";
        font-size: 110px;
        font-style: normal;
          /*font-weight: 800;*/
        line-height: 76px;
        white-space: nowrap;
        text-decoration: none;
        text-shadow: -1px -1px 0 #ff6f36,1px -1px 0 #ff6f36,-1px 1px 0 #ff6f36,1px 1px 0 #ff6f36;
        color: var(--sand);
        justify-content: start
    }

    .ref-slide .uk-grid>div:nth-child(2) {
        margin-top: revert
    }

    h2.accroche {
        font-size: 80px;
        line-height: 76px;
        letter-spacing: -2.4px
    }

    .container,.sppb-row-container {
        max-width: 1075px;
        padding: 0
    }

    .uk-scope .uk-h1 a,.uk-scope h1 a,.uk-scope h5,.uk-scope h6,h3.uk-h3 {
        line-height: 20px
    }

    .cand {
        height: 575px
    }

    .control {
        padding: 50px
    }

    .blogV2 #sp-section-2,section {
        padding-left: revert!important;
        padding-right: revert!important
    }

    h1.great,h2.great {
        font-size: 74px;
        font-style: normal;
          /*font-weight: 800;*/
        line-height: 74px;
        letter-spacing: -3.9px
    }

    h1.great img,h2.great img {
        height: 52px;
        margin-right: 10px
    }

    a.sp-scroll-up.tup {
        width: 60px;
        height: 60px;
        zoom:1;bottom: 85px
    }

    .uk-light {
        top: 95px;
        width: 200%
    }

    .refV2 .uk-panel.uk-overflow-hidden {
        padding-bottom: 80px
    }

    .uk-scope .uk-margin-top {
        margin-top: revert!important
    }

    .refV2 .uk-width-1-2\@m.uk-grid-margin.uk-first-column {
        height: 600px
    }

    .refV2 .ref-slide ul.uk-dotnav {
        transform: translateX(-165%);
        display: flex;
        justify-content: flex-start;
        align-content: center
    }

    img.pr-60 {
        padding-right: 60px;
        width: 100%
    }

    .uk-slider .uk-panel h2.great,h2.great {
        padding-bottom: 40px
    }

    h1 img,h2 img,img.h-ico {
        height: 50px
    }

    .refV2 .uk-grid.uk-grid-collapse.uk-flex-middle>div:nth-child(even) {
        width: 48%;
        margin-left: 2%;
        padding: 0
    }

    .blogV2 #sp-newsletter-left {
        padding-right: 8.33333333%;
        padding-left: 8.3333333%
    }

    .blogV2 #sp-nwsltrright {
        padding-right: 8.333333%
    }

    .blogV2 #sp-section-6 {
        margin: auto;
        padding-left: 10%;
        padding-right: 10%
    }

    .contn .cardMantra.ag2 .face.face2 {
        background-color: transparent;
        border-radius: 0px!important
    }

    h2.great {
        font-size: 80px;
        font-style: normal;
          /*font-weight: 800;*/
        letter-spacing: -2.4px;
        line-height: 76px
    }

    .grady {
        background-image: url(https://www.expertsa.fr/images/bg/bg-lignes-esa-full.svg),linear-gradient(360deg,#fff9eb 20%,rgba(255,255,255,0) 20%);
        background-repeat: no-repeat;
        background-size: 100%;
        background-attachment: fixed!important;
        background-position: top left!important
    }

    .reviews #grp-widget-1 {
        width: 960px;
        max-width: 960px!important
    }

    .partner {
        margin-bottom: revert
    }

    #sp-copyright .row {
        align-items: center
    }

    #sp-copyright.cop {
        padding-bottom: 0
    }

    .container,header#sp-header .container {
        max-width: 960px;
    }

    div#sp-top1 .container {
        max-width: 100%;
        padding: 0 10px
    }

    div#sp-top-bar * {
        font-size: 16px
    }

    section#sp-section-2 {
        padding: 280px 0 0 0
    }

    .rea-list section#sp-section-1 {
        padding-top: 255px;
        padding-bottom: 70px
    }

    .blogV2 #sp-section-3 {
        padding: 100px 0 0 0
    }

    img.blog-ban-site {
        display: block
    }

    .rea-ok .d-btn.mx-auto {
        margin-top: 10px
    }

    .d-btn {
        width: -webkit-fill-available;
        margin-top: 30px
    }

    .rsform .formControls {
        width: -webkit-fill-available;
        margin-top: 10px
    }

    .refV2 .uk-width-1-2\@m.uk-grid-margin.uk-first-column {
        height: 600px
    }

    .rsform .formControls button.btn.var1,a.btn.var1 {
        width: auto
    }

    .ref-masonry>div:first-child {
        margin-top: 0
    }

    .ref-masonry {
        display: flex;
        justify-content: space-between
    }

    .blogStar a.uk-button.uk-button-default,a.btn,button#sendNesltr,button.btn.var1 {
        font-size: 17px;
        line-height: 1
    }

    div#mod-custom120 * {
        zoom:1;text-align: center
    }

    .uk-width-1-2\@m.uk-text-center.uk-scrollspy-inview.uk-first-column.uk-margin-top {
        display: block
    }

    .contn {
        position: relative
    }

    .contn .cardMantra .face {
        height: 200px
    }

    .contn .cardMantra .face.face1 {
        position: relative;
        z-index: 1;
        -webkit-transform: translateY(200px);
        -ms-transform: translateY(200px);
        transform: translateY(200px)
    }

    .contn .cardMantra.ag2 .face.face1 {
        position: relative;
        z-index: 1;
        -webkit-transform: translateY(155px);
        -ms-transform: translateY(155px);
        transform: translateY(155px)
    }

    .contn .cardMantra .face.face1 .content {
        opacity: 1;
        transition: opacity .5s
    }

    .contn .cardMantra .face.face2 {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 40px;
        box-sizing: border-box;
        color: var(--chocolate);
        transform: translateY(155px)
    }

    .contn .cardMantra .face.face2 .content p {
        margin: 0;
        padding: 0
    }

    .contn .cardMantra.ag2 .face.face2 .content p {
        color: var(--chocolate,#330c00);
        font-family: ApfelR;
        font-size: 17px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px
    }

    .contn .cardMantra:focus .face.face1,.contn .cardMantra:hover .face.face1 {
        background: #000;
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px)
    }

    .contn .cardMantra:focus .face.face1 .content,.contn .cardMantra:hover .face.face1 .content {
        opacity: 1
    }

    .contn .cardMantra:focus .face.face2,.contn .cardMantra:hover .face.face2 {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .ref-slide .uk-grid>div:nth-child(2) {
        margin-top: 0
    }

    .homeBlog .sppb-addon-article {
        flex-direction: row
    }

    .d-btn {
        width: auto;
        display: flex
    }

    #mod-custom303 h2 {
        padding-bottom: 40px
    }

    .blog h1,h2 {
        font-family: "Bricolage Grotesque";
        font-size: 45px;
        font-style: normal;
        /* font-weight: 800; */
        line-height: 40px;
        letter-spacing: -1.35px;
        margin-bottom: 0!important
    }

    h2 {
        padding-bottom: 15px;
        line-height: 1
    }

    .borderCardYell h3 {
        font-size: 20px;
        line-height: 20px
    }

    #sp-menu a {
        font-size: 17px
    }

    .homeBlog .sppb-article-info-wrap {
        padding-left: 5%;
        max-width: 45%
    }

    .uk-scope .ref-slide .uk-padding {
        padding: 55px 60px;
        min-height: 505px
    }

    .uk-scope .ref-slide .uk-padding .uk-switcher {
        min-height: 395px;
        display: flex;
        align-items: center
    }
}

@media (min-width: 1200px) {
    h1.great,h2.great {
        font-size:80px;
        line-height: 76px
    }

    #sp-newsletter-left .rsform {
        padding-top: 10px
    }

    .blogV2 #sp-main-body {
        padding: 50px 0
    }

    .blogV2 #sp-section-1 {
        padding-bottom: 100px
    }

    .searchbar {
        padding-top: 5px;
        padding-bottom: 20px
    }

    div#mod-custom127 img {
        zoom:1!important}

    #sp-top-bar .container {
        max-width: 1300px
    }

    header#sp-header .sp-megamenu-parent li.sp-menu-item.sp-has-child ul.sp-dropdown-items a {
        display: flex;
        flex-direction: row;
        gap: 10px
    }

    header#sp-header .sp-megamenu-parent li.sp-menu-item.sp-has-child ul.sp-dropdown-items a:hover {
        font-weight: 700
    }

    header#sp-header .sp-megamenu-parent li.sp-menu-item.sp-has-child ul.sp-dropdown-items a::after {
        height: 0
    }

    header#sp-header .sp-megamenu-parent a {
        position: relative;
        display: inline-block;
        text-decoration: none
    }

    header#sp-header .sp-megamenu-parent .active a::after,header#sp-header .sp-megamenu-parent a:hover::after {
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: var(--sunset);
        margin: 0
    }

    header#sp-header .sp-megamenu-parent a::after {
        content: "";
        display: none
    }

    .sp-megamenu-parent li a {
        padding: 0
    }

    .sp-megamenu-parent li {
        padding: 0 15px
    }

    header#sp-header .sp-megamenu-parent a::after {
        bottom: -4px;
        content: "";
        display: block;
        position: absolute;
        width: 0;
        height: 2px;
        background-color: var(--sunset);
        transition: width .5s
    }

    .colonn .sppb-row>.sppb-row-column {
        max-width: 50%!important;
        width: 50%;
        flex-basis: 50%!important
    }

    #sppb-addon-b273e8c7-44e1-4113-a469-b72c97a16538 h3 {
        font-size: 20px;
        line-height: 20px;
        letter-spacing: -.6px
    }
}

@media (min-width: 1400px) {
    .blogV2 .blogStar>div>div:nth-child(2) {
        padding:75px
    }

    h2.sp-module-title {
        padding-bottom: 50px
    }

    .container,header#sp-header .container {
        max-width: 964px;
    }

    #sp-top-bar .container {
        max-width: 1300px
    }

    .sharblog {
        top: 23vh;
        right: 13vw;
        left: revert
    }

    header#sp-header .container {
        max-width: 1300px
    }

    header#sp-header {
        border-bottom: 0;
        padding: 0 65px
    }

    section#sp-section-5 {
        padding: 85px 140px
    }
}

.h2 {
    font-family: "Bricolage Grotesque";
    font-size: 80px;
    font-style: normal;
    /* font-weight: 800; */
    line-height: 76px;
    letter-spacing: -2.4px;
}

@media (max-width: 991px) {
    .blog .col-lg-6 {
        flex:0 0 50%;
        max-width: 50%
    }

    .h2 {
        font-family: "Bricolage Grotesque";
        font-size: 45px;
        font-style: normal;
          /*font-weight: 800;*/
        line-height: 40px;
        letter-spacing: -1.35px;
    }

    .uk-slider.presta-acc .uk-panel {
        display: flex;
        justify-content: space-between
    }

    .uk-slider.presta-acc.agence .uk-panel {
        display: initial
    }

    .uk-slider.presta-acc .uk-panel .uk-margin,.uk-slider.presta-acc .uk-panel .uk-margin-top {
        width: 40%;
        margin-top: 0!important
    }

    .uk-slider.presta-acc.agence .uk-panel .uk-margin,.uk-slider.presta-acc.agence .uk-panel .uk-margin-top {
        width: 100%
    }

    .uk-slider.presta-acc .uk-panel .uk-margin-top img {
        width: 100%!important;
        margin: 0!important;
        height: auto!important
    }

    .uk-scope .uk-slider.presta-acc [class*=uk-child-width]>* {
        min-height: 440px
    }

    .uk-scope .uk-slider.presta-acc.agence [class*=uk-child-width]>* {
        min-height: 340px!important
    }
}

@media (max-width: 767px) {
    .blog .col-lg-6 {
        flex:0 0 100%;
        max-width: 100%
    }
}

@media (max-width: 521px) {
    .uk-scope .uk-slider.presta-acc [class*=uk-child-width]>* {
        min-height:810px
    }

    .uk-scope .uk-slider.presta-acc.agence [class*=uk-child-width]>* {
        min-height: 440px!important
    }

    .uk-slider.presta-acc .uk-panel {
        flex-direction: column;
        justify-content: initial
    }

    .uk-slider.presta-acc .uk-panel .uk-margin,.uk-slider.presta-acc .uk-panel .uk-margin-top {
        width: 100%
    }

    .uk-slider.presta-acc .uk-panel .uk-margin-top {
        margin-top: 49px!important
    }
}

@media (min-width: 1024px) {
    .blog .col-md-6 {
        flex:0 0 50%;
        max-width: 50%;
        padding-right: 15px;
        padding-left: 15px
    }

    div#mod-custom127 img {
        zoom:0.8}
}

@media (min-width: 1025px) {
    .sppb-addon-article {
        display:flex!important;
        flex-wrap: nowrap!important;
        width: 100%!important;
        justify-content: space-between!important;
        align-items: stretch!important
    }

    .sppb-article-img-wrap {
        flex: 1 1 60%!important;
        max-width: 60%!important
    }

    .sppb-article-info-wrap {
        flex: 1 1 40%!important;
        max-width: 40%!important
    }

    .sppb-article-img-wrap img {
        width: auto!important;
        height: 100%!important;
        object-fit: contain!important;
        border-radius: 5px
    }
}

@media (max-width: 1024px) {
    .sppb-addon-article {
        display:block!important;
        width: 100%!important
    }

    .sppb-article-img-wrap {
        margin-bottom: 20px!important
    }

    .sppb-article-img-wrap img {
        width: 100%!important;
        height: auto!important;
        object-fit: contain!important
    }
}

footer,section {
    background-repeat: no-repeat;
    background-size: 100%;
    background-attachment: fixed;
    background-position: top left
}

@media (min-width: 1920px) {
    body:not(.page-refonte-top-bar) .blogV2 #sp-section-6,body:not(.page-refonte-top-bar) section {
        background:var(--off-white) url("https://www.expertsa.fr/images/bg/LIGNES-1920.svg") top left/100% fixed
    }

    body:not(.page-refonte-top-bar) #sp-bottom,body:not(.page-refonte-top-bar) #sp-copyright,body:not(.page-refonte-top-bar) #sp-footer,body:not(.page-refonte-top-bar) .bg-off-white,body:not(.page-refonte-top-bar) .blogV2 #sp-section-5,body:not(.page-refonte-top-bar) section.bg-off-white {
        background: var(--sand) url("https://www.expertsa.fr/images/bg/LIGNES-1920.svg") top left/100% fixed
    }

    body:not(.page-refonte-top-bar) .blog-onglet #sp-section-3,body:not(.page-refonte-top-bar) .blogV2 #sp-section-2 {
        border-radius: 20px 20px 0px 0px;
        background: var(--sand) url("https://www.expertsa.fr/images/bg/LIGNES-1920.svg") top left/100% fixed
    }

    body:not(.page-refonte-top-bar) .bg-yellow,body:not(.page-refonte-top-bar) section.bg-yellow {
        background: var(--sunset) url("https://www.expertsa.fr/images/bg/LIGNES-1920.svg") top left/100% fixed
    }

    body:not(.page-refonte-top-bar) .bg-black,body:not(.page-refonte-top-bar) section.bg-black {
        background: var(--chocolate) url("https://www.expertsa.fr/images/bg/LIGNES-1920.svg") top left/100% fixed
    }

    body:not(.page-refonte-top-bar) .bg-gb,body:not(.page-refonte-top-bar) section.bg-gb {
        background: var(--greenblue) url("https://www.expertsa.fr/images/bg/LIGNES-1920.svg") top left/100% auto fixed
    }

    body:not(.page-refonte-top-bar) .bg-pp,body:not(.page-refonte-top-bar) section.bg-pp {
        background: var(--purpley) url("https://www.expertsa.fr/images/bg/LIGNES-1920.svg") top left/100% fixed
    }

    body:not(.page-refonte-top-bar) .bg-do,body:not(.page-refonte-top-bar) section.bg-do {
        background: var(--dusty-orange) url("https://www.expertsa.fr/images/bg/LIGNES-1920.svg") top left/100% fixed
    }

    body:not(.page-refonte-top-bar) .bg-bp,body:not(.page-refonte-top-bar) section.bg-bp {
        background: var(--barbie-pink) url("https://www.expertsa.fr/images/bg/LIGNES-1920.svg") top left/100% fixed
    }

    body:not(.page-refonte-top-bar) .bg-lt,body:not(.page-refonte-top-bar) section.bg-lt {
        background: var(--light-teal) url("https://www.expertsa.fr/images/bg/LIGNES-1920.svg") top left/100% fixed
    }

    body:not(.page-refonte-top-bar) .grady,body:not(.page-refonte-top-bar) section.grady {
        background-image: url("https://www.expertsa.fr/images/bg/LIGNES-1920.svg"),linear-gradient(360deg,#fff9eb 20%,rgba(255,255,255,0) 20%)
    }
}

@media (min-width: 1440px) and (max-width:1919px) {
    body:not(.page-refonte-top-bar) .blogV2 #sp-section-6,body:not(.page-refonte-top-bar) section {
        background:var(--off-white) url("https://www.expertsa.fr/images/bg/LIGNES-1440.svg") top left/100% fixed
    }

    body:not(.page-refonte-top-bar) #sp-bottom,body:not(.page-refonte-top-bar) #sp-copyright,body:not(.page-refonte-top-bar) #sp-footer,body:not(.page-refonte-top-bar) .bg-off-white,body:not(.page-refonte-top-bar) .blogV2 #sp-section-5,body:not(.page-refonte-top-bar) section.bg-off-white {
        background: var(--sand) url("https://www.expertsa.fr/images/bg/LIGNES-1440.svg") top left/100% fixed
    }

    body:not(.page-refonte-top-bar) .blog-onglet #sp-section-3,body:not(.page-refonte-top-bar) .blogV2 #sp-section-2 {
        border-radius: 20px 20px 0px 0px;
        background: var(--sand) url("https://www.expertsa.fr/images/bg/LIGNES-1440.svg") top left/100% fixed
    }

    body:not(.page-refonte-top-bar) .bg-yellow,body:not(.page-refonte-top-bar) section.bg-yellow {
        background: var(--sunset) url("https://www.expertsa.fr/images/bg/LIGNES-1440.svg") top left/100% fixed
    }

    body:not(.page-refonte-top-bar) .bg-black,body:not(.page-refonte-top-bar) section.bg-black {
        background: var(--chocolate) url("https://www.expertsa.fr/images/bg/LIGNES-1440.svg") top left/100% fixed
    }

    body:not(.page-refonte-top-bar) .bg-gb,body:not(.page-refonte-top-bar) section.bg-gb {
        background: var(--greenblue) url("https://www.expertsa.fr/images/bg/LIGNES-1440.svg") top left/100% fixed
    }

    body:not(.page-refonte-top-bar) .bg-pp,body:not(.page-refonte-top-bar) section.bg-pp {
        background: var(--purpley) url("https://www.expertsa.fr/images/bg/LIGNES-1440.svg") top left/100% fixed
    }

    body:not(.page-refonte-top-bar) .bg-do,body:not(.page-refonte-top-bar) section.bg-do {
        background: var(--dusty-orange) url("https://www.expertsa.fr/images/bg/LIGNES-1440.svg") top left/100% fixed
    }

    body:not(.page-refonte-top-bar) .bg-bp,body:not(.page-refonte-top-bar) section.bg-bp {
        background: var(--barbie-pink) url("https://www.expertsa.fr/images/bg/LIGNES-1440.svg") top left/100% fixed
    }

    body:not(.page-refonte-top-bar) .bg-lt,body:not(.page-refonte-top-bar) section.bg-lt {
        background: var(--light-teal) url("https://www.expertsa.fr/images/bg/LIGNES-1440.svg") top left/100% fixed
    }
}

@media (min-width: 1280px) and (max-width:1439px) {
    body:not(.page-refonte-top-bar) .blogV2 #sp-section-6,body:not(.page-refonte-top-bar) section {
        background:var(--off-white) url("https://www.expertsa.fr/images/bg/LIGNES-1280.svg") top left/100% fixed
    }

    body:not(.page-refonte-top-bar) #sp-bottom,body:not(.page-refonte-top-bar) #sp-copyright,body:not(.page-refonte-top-bar) #sp-footer,body:not(.page-refonte-top-bar) .bg-off-white,body:not(.page-refonte-top-bar) .blogV2 #sp-section-5,body:not(.page-refonte-top-bar) section.bg-off-white {
        background: var(--sand) url("https://www.expertsa.fr/images/bg/LIGNES-1280.svg") top left/100% fixed
    }

    body:not(.page-refonte-top-bar) .blog-onglet #sp-section-3,body:not(.page-refonte-top-bar) .blogV2 #sp-section-2 {
        border-radius: 20px 20px 0px 0px;
        background: var(--sand) url("https://www.expertsa.fr/images/bg/LIGNES-1280.svg") top left/100% fixed
    }

    body:not(.page-refonte-top-bar) .bg-yellow,body:not(.page-refonte-top-bar) section.bg-yellow {
        background: var(--sunset) url("https://www.expertsa.fr/images/bg/LIGNES-1280.svg") top left/100% fixed
    }

    body:not(.page-refonte-top-bar) .bg-black,body:not(.page-refonte-top-bar) section.bg-black {
        background: var(--chocolate) url("https://www.expertsa.fr/images/bg/LIGNES-1280.svg") top left/100% fixed
    }

    body:not(.page-refonte-top-bar) .bg-gb,body:not(.page-refonte-top-bar) section.bg-gb {
        background: var(--greenblue) url("https://www.expertsa.fr/images/bg/LIGNES-1280.svg") top left/100% fixed
    }

    body:not(.page-refonte-top-bar) .bg-pp,body:not(.page-refonte-top-bar) section.bg-pp {
        background: var(--purpley) url("https://www.expertsa.fr/images/bg/LIGNES-1280.svg") top left/100% fixed
    }

    body:not(.page-refonte-top-bar) .bg-lt,body:not(.page-refonte-top-bar) section.bg-lt {
        background: var(--light-teal) url("https://www.expertsa.fr/images/bg/LIGNES-1280.svg") top left/100% fixed
    }

    body:not(.page-refonte-top-bar) .bg-bp,body:not(.page-refonte-top-bar) section.bg-bp {
        background: var(--barbie-pink) url("https://www.expertsa.fr/images/bg/LIGNES-1280.svg") top left/100% fixed
    }

    body:not(.page-refonte-top-bar) .bg-do,body:not(.page-refonte-top-bar) section.bg-do {
        background: var(--dusty-orange) url("https://www.expertsa.fr/images/bg/LIGNES-1280.svg") top left/100% fixed
    }

    body:not(.page-refonte-top-bar) .grady,body:not(.page-refonte-top-bar) section.grady {
        background-image: url("https://www.expertsa.fr/images/bg/LIGNES-1280.svg"),linear-gradient(360deg,#fff9eb 20%,rgba(255,255,255,0) 20%)
    }
}

@media (min-width: 1024px) and (max-width:1279px) {
    body:not(.page-refonte-top-bar) .blogV2 #sp-section-6,body:not(.page-refonte-top-bar) section {
        background:var(--off-white) url("https://www.expertsa.fr/images/bg/LIGNES-1024.svg") top left/100% fixed
    }

    body:not(.page-refonte-top-bar) #sp-bottom,body:not(.page-refonte-top-bar) #sp-copyright,body:not(.page-refonte-top-bar) #sp-footer,body:not(.page-refonte-top-bar) .bg-off-white,body:not(.page-refonte-top-bar) section.bg-off-white {
        background: var(--sand) url("https://www.expertsa.fr/images/bg/LIGNES-1024.svg") top left/100% fixed
    }

    body:not(.page-refonte-top-bar) .blog-onglet #sp-section-3,body:not(.page-refonte-top-bar) .blogV2 #sp-section-2 {
        border-radius: 20px 20px 0px 0px;
        background: var(--sand) url("https://www.expertsa.fr/images/bg/LIGNES-1024.svg") top left/100% fixed
    }

    body:not(.page-refonte-top-bar) .bg-yellow,body:not(.page-refonte-top-bar) section.bg-yellow {
        background: var(--sunset) url("https://www.expertsa.fr/images/bg/LIGNES-1024.svg") top left/100% fixed
    }

    body:not(.page-refonte-top-bar) .bg-black,body:not(.page-refonte-top-bar) section.bg-black {
        background: var(--chocolate) url("https://www.expertsa.fr/images/bg/LIGNES-1024.svg") top left/100% auto fixed
    }

    body:not(.page-refonte-top-bar) .bg-gb,body:not(.page-refonte-top-bar) section.bg-gb {
        background: var(--greenblue) url("https://www.expertsa.fr/images/bg/LIGNES-1024.svg") top left/100% fixed
    }

    body:not(.page-refonte-top-bar) .bg-pp,body:not(.page-refonte-top-bar) section.bg-pp {
        background: var(--purpley) url("https://www.expertsa.fr/images/bg/LIGNES-1024.svg") top left/100% fixed
    }

    body:not(.page-refonte-top-bar) .bg-do,body:not(.page-refonte-top-bar) section.bg-do {
        background: var(--dusty-orange) url("https://www.expertsa.fr/images/bg/LIGNES-1024.svg") top left/100% fixed
    }

    body:not(.page-refonte-top-bar) .bg-bp,body:not(.page-refonte-top-bar) section.bg-bp {
        background: var(--barbie-pink) url("https://www.expertsa.fr/images/bg/LIGNES-1024.svg") top left/100% fixed
    }

    body:not(.page-refonte-top-bar) .bg-lt,body:not(.page-refonte-top-bar) section.bg-lt {
        background: var(--light-teal) url("https://www.expertsa.fr/images/bg/LIGNES-1024.svg") top left/100% fixed
    }

    body:not(.page-refonte-top-bar) .grady,body:not(.page-refonte-top-bar) section.grady {
        background-image: url("https://www.expertsa.fr/images/bg/LIGNES-1024.svg"),linear-gradient(360deg,#fff9eb 20%,rgba(255,255,255,0) 20%)
    }
}

@media (max-width: 1023px) {
    .blogV2 #sp-section-6,footer,section {
        background-image:none
    }

    #sp-bottom,#sp-copyright,#sp-footer,.bg-off-white,.blogV2 #sp-section-5,section.bg-off-white {
        background-color: var(--sand)
    }

    .bg-gb,section.bg-gb {
        background-color: var(--greenblue)
    }

    .bg-pp,section.bg-pp {
        background-color: var(--purpley)
    }

    .bg-do,section.bg-do {
        background-color: var(--dusty-orange)
    }

    .bg-yellow,section.bg-yellow {
        background-color: var(--sunset)
    }

    .bg-black,section.bg-black {
        background-color: var(--chocolate)
    }

    .bg-bp,section.bg-bp {
        background-color: var(--barbie-pink)
    }

    .bg-lt,section.bg-lt {
        background-color: var(--light-teal)
    }

    .grady,section.grady {
        background-image: linear-gradient(360deg,#fff9eb 20%,rgba(255,255,255,0) 20%)
    }

    .blog-onglet #sp-section-3,.blogV2 #sp-section-2 {
        border-radius: 20px 20px 0px 0px;
        background-color: var(--sand)
    }
}

.contn .cardMantra.ag2 .face.face1 .content h3 {
    color: var(--chocolate);
    font-size: 20px;
    font-style: normal;
    line-height: 22px
}

.contn .cardMantra.ag2 .face.face2 {
    padding: 36px 42px 36px 42px
}

.contn .cardMantra.ag2 .face {
    height: 155px;
    justify-content: center
}

.number {
    padding-bottom: 20px
}

@media only screen and (max-width: 767px) {
    .bg-off-white .contn .cardMantra.ag2 {
        margin-bottom:30px
    }

    .card-bg-yell {
        padding: 30px 45px
    }

    #sp-prefoot {
        padding: 0 35px
    }

    .blogV2 #sp-section-6 .row {
        display: flex;
        flex-direction: column-reverse
    }

    div#sp-nwsltrright img {
        margin-bottom: 25px
    }

    h2.great.text-center {
        justify-content: center
    }

    .col.cardMantra.ag2 {
        justify-content: center;
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .face2 {
        position: relative;
        margin: -10px 0;
        z-index: 0
    }

    .face1 {
        position: relative;
        z-index: 10
    }
}

@media only screen and (min-width: 320px) and (max-width:375px) {
    .sppb-row-container {
        max-width:300px;
        padding: 0
    }
}

@media only screen and (min-width: 376px) and (max-width:425px) {
    .sppb-row-container {
        max-width:345px;
        padding: 0
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .sppb-row-container {
        max-width:608px;
        padding: 0
    }

    .cardMantraWrapper {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .bg-off-white .cardMantra.ag2 {
        background: var(--off-white)
    }

    .cardMantra.ag2 {
        flex-wrap: nowrap;
        display: flex;
        flex-direction: row;
        border-radius: 10px;
        background: var(--sand);
        padding: 0;
        width: auto
    }

    .cardMantra.ag2 .face1 {
        order: -1
    }

    .cardMantra.ag2 .face2 {
        order: 1;
        border-radius: 10px;
        background: var(--sunset)
    }
}

.cardMantra.active .face.face1 {
    background: #000;
    transform: translateY(10px)
}

.cardMantra.active .face.face1 .content {
    opacity: 1
}

.cardMantra.active .face.face2 {
    transform: translateY(0)
}

.carV2 .carousel-control-next-icon,.carV2 .carousel-control-prev-icon {
    display: none
}

.custom-carousel-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px
}

.carV2 .custom-carousel-control-next,.carV2 .custom-carousel-control-prev {
    border-radius: 30px;
    background: var(--chocolate);
    padding: 10px;
    cursor: pointer
}

.carV2 .custom-carousel-control-next {
    rotate: 180deg
}

.carV2 .custom-carousel-indicators {
    display: flex;
    gap: 10px
}

.carV2 .custom-carousel-indicators svg.active circle {
    fill: black
}

.carV2 .custom-carousel-indicators svg.inactive circle {
    stroke: black;
    fill: none
}

.carV2 .carousel-slide-content h3 {
    border-radius: 10px;
    border: 2px solid var(--chocolate-20,#e5c4a5);
    background: var(--sand);
    display: flex;
    padding: 40px;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1;
    gap: 20px;
    color: var(--chocolate);
    font-family: ApfelB;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    align-self: stretch
}

.carV2 #monCarousel .carousel-slide-content {
    border: none
}

.carV2 #monCarousel .carousel-slide-content {
    padding: 0;
    height: 430px;
    display: flex;
    justify-content: flex-start
}

span.slideNum {
    color: var(--sunset);
    font-family: ApfelB;
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: 45px
}

.carV2 .carousel-slide-content p {
    padding: 45px
}

.section-acc-test {
    position: sticky!important;
    top: 0
}

.icon-acc-slider {
    display: flex
}

.icon-acc-slider a {
    margin: 0 12px;
    padding: 6px
}

.icon-acc-hover {
    width: 30px;
    height: 30px
}

.icon-acc-slider a.active {
    border-radius: 5px
}

.img-resize-anim img {
    max-width: 45%
}

.section-acc-test {
    position: sticky!important;
    top: 0
}

.icon-acc-slider,.icon-agence-slider {
    display: flex
}

.icon-agence-slider {
    justify-content: center;
    margin-bottom: 54px
}

.icon-acc-slider a,.icon-agence-slider a {
    margin: 0 12px;
    padding: 6px
}

.icon-acc-hover,.icon-agence-hover {
    width: 30px;
    height: 30px
}

.icon-acc-slider a.active,.icon-agence-slider a.active {
    border-radius: 5px
}

.img-resize-anim img {
    max-width: 45%
}

.uk-slider.presta-acc .uk-panel h2.great {
    padding-bottom: 0;
    margin-bottom: 0;
    color: #000
}

.uk-slider.presta-acc .uk-panel p {
    margin-bottom: 30px
}

.uk-slider.presta-acc .uk-panel p {
    margin-bottom: 30px
}

.uk-slider.presta-acc .uk-panel .uk-margin-top img {
    width: 80%;
    margin: 0 auto;
    object-fit: contain
}

.uk-slider.presta-acc .uk-slider-nav {
    position: relative;
    top: -35px
}

.refV2 .uk-scope .presta-acc .uk-hidden-visually:not(:focus):not(:active):not(:focus-within),.uk-scope .presta-acc .uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-within),.uk-scope .uk-position-small {
    width: 28px!important;
    height: 28px!important;
    clip-path: initial!important;
    overflow: visible!important;
    top: 5px!important;
    bottom: 0!important;
    margin: 10px!important
}

.uk-scope .uk-position-center-left {
    right: 35px
}

.uk-scope .presta-acc .uk-position-center-left {
    background-image: url("https://www.expertsa.fr/images/icone/icons-rounded-down.svg");
    background-repeat: no-repeat
}

.uk-scope .presta-acc .uk-position-center-right {
    background-image: url("https://www.expertsa.fr/images/icone/icons-rounded-right.svg");
    background-repeat: no-repeat
}

.uk-scope .presta-acc .uk-position-center-left svg,.uk-scope .presta-acc .uk-position-center-right svg {
    display: none
}

.uk-slider.presta-acc .uk-slider-nav li a {
    background-color: #fff9eb;
    border: 1px solid #000
}

.uk-slider.presta-acc .uk-slider-nav li.uk-active a {
    background-color: #000
}

@media (min-width: 960px) {
    .uk-scope .uk-width-2-5\@m,.uk-scope .uk-width-3-5\@m {
        width:50%!important
    }
}

@media (max-width: 992px) {
    .contn .cardMantra .face {
        transform:translateY(0)!important;
        opacity: 1!important
    }

    ul.lexique-sommaire {
        padding: 0;
        gap: 10px;
        flex-wrap: wrap!important;
        justify-content: flex-start!important;
        margin-bottom: 40px!important
    }
}

.contn {
    position: relative
}

.contn .cardMantra .face {
    height: 200px;
    transition: transform .5s,opacity .5s;
    padding: 40px
}

.contn .cardMantra .face.face1 {
    position: relative;
    z-index: 1;
    transform: translateY(155px)
}

.contn .cardMantra .face.face1 .content {
    opacity: 1;
    transition: opacity .5s
}

.contn .cardMantra .face.face2 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px;
    box-sizing: border-box;
    color: var(--chocolate);
    opacity: 0;
    transform: translateY(155px)
}

.contn .cardMantra:hover .face.face2 {
    opacity: 1
}

.contn .cardMantra.ag2 .face.face1 {
    border-radius: 10px;
    display: flex;
    width: 278px;
    flex-direction: column;
    align-items: flex-start;
    gap: 19px;
    height: 210px;
    border: 2px solid var(--sand,#f4ead7);
    background: var(--off-white,#fff9eb)
}

.contn .cardMantra.ag2 .face.face1 .content h3 {
    color: var(--chocolate);
    font-size: 20px;
    line-height: 22px
}

.contn .cardMantra.ag2 .face.face2 {
    display: flex;
    height: auto;
    padding: 36px 42px;
    flex-direction: column;
    justify-content: center;
    background: var(--sand,#f4ead7);
    align-items: center;
    width: 278px;
    border-radius: 10px
}

.bg-off-white .contn .cardMantra.ag2 .face.face1 {
    background: var(--sand);
    border-color: var(--off-white);
    padding: 40px
}

.bg-off-white .contn .cardMantra.ag2 .face.face2 {
    background: var(--off-white)
}

.number {
    padding-bottom: 20px
}

.contn .cardMantra .face.face1 {
    background: #000
}

.contn .cardMantra .face.face1 .content h3 {
    margin: 10px 0 0;
    padding: 0;
    color: #fff;
    font-size: 1.5em
}

.contn .cardMantra .face.face2 {
    background: var(--sunset);
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.accordion {
    margin-top: 30px
}

.accordion .accordion-button:not(.collapsed),button.accordion-button.collapsed {
    background: var(--off-white);
    color: var(--chocolate,#330c00);
    font-family: ApfelB;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    box-shadow: none
}

.accordion h2 {
    margin-bottom: 0;
    padding-bottom: 0
}

.accordion .accordion-item {
    margin-bottom: 10px;
    border: none;
    background: 0 0
}

.accordion-header {
    border-radius: 5px;
    border: 1px solid var(--sand,#f4ead7);
    background: var(--off-white)
}

.accordion-collapse {
    margin-top: 5px;
    border-radius: 5px;
    border: 1px solid var(--sand,#f4ead7);
    background: var(--sand,#f4ead7)
}

.accordion-body p {
    color: var(--chocolate,#330c00);
    font-family: ApfelR;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px
}

@media (min-width: 1024px) {
    .grady,section.grady {
        background-image:url("https://www.expertsa.fr/images/bg/LIGNES-1440.svg"),linear-gradient(360deg,var(--off-white) 20%,var(--sand) 20%)
    }
}

#PolCon .sppb-addon-text-block ul li {
    list-style-type: disc;
    padding-bottom: 10px
}

#PolCon .sppb-addon-text-block ul {
    margin-top: 20px
}

.slide-bento ul.uk-slideshow-items {
    min-height: 266px!important
}

@media (min-width: 768px) {
    .slide-bento ul.uk-slideshow-items {
        min-height:251px!important
    }

    #mod-custom477 #module3.bble.ag324,#module2.bble.ag324 {
        height: 451px!important
    }

    #module3.bble.greend.ag324,#module3.bble.orangeline.ag324 {
        height: 216px!important
    }
}

@media (min-width: 992px) {
    .slide-bento ul.uk-slideshow-items {
        min-height:217px!important
    }

    #module3.bble.greend.ag324,#module3.bble.orangeline.ag324 {
        height: 324px!important
    }

    #mod-custom477 #module3.bble.ag324,#module2.bble.ag324 {
        height: 316px!important
    }
}

.grid-recrutement {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 15px
}

@media (max-width: 992px) {
    .uk-scope .ref-slide .uk-padding {
        min-height:290px
    }

    .presta-car .uk-scope .ref-slide .uk-padding {
        justify-content: space-between!important
    }

    .uk-position-relative.uk-visible-toggle.uk-slideshow .uk-light {
        top: 430px!important
    }

    .uk-light a.uk-position-center-left.uk-position-small.uk-hidden-hover.uk-icon.uk-slidenav-previous.uk-slidenav {
        left: 0
    }

    .uk-position-relative.uk-visible-toggle.uk-slideshow,.uk-position-relative.uk-visible-toggle.uk-slideshow .uk-slideshow-items {
        height: auto!important;
        min-height: auto!important
    }

    .min-height-pricing-box .sppb-pricing-box {
        min-height: revert!important
    }

    .grid-recrutement {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width: 425px) {
    .uk-scope .ref-slide .uk-padding {
        min-height:450px
    }

    .grid-recrutement {
        grid-template-columns: 1fr
    }

    .uk-position-relative.uk-visible-toggle.uk-slideshow .uk-light {
        top: 593px!important
    }

    #sp-copyright {
        padding-bottom: 40px!important
    }
}

.anim-bento {
    opacity: 0;
    transition: opacity .5s ease-out
}

.anim-bento.appear {
    opacity: 1
}

.anim-bento-gauche {
    opacity: 0;
    transform: translateX(50%);
    transition: opacity .5s ease-out,transform 1s ease-out
}

.anim-bento-gauche.appear {
    opacity: 1;
    transform: translateX(0)
}

.anim-bento-droit {
    opacity: 0;
    transform: translateX(-50%);
    transition: opacity .5s ease-out,transform 1s ease-out
}

.anim-bento-droit.appear {
    opacity: 1;
    transform: translateX(0)
}

.p-35 {
    padding: 35px
}

#mod-custom303 h3 {
    padding-bottom: 15px
}

.last-article .sppb-article-img-wrap {
    display: flex;
    align-items: center
}

.last-article .sppb-article-img-wrap img {
    height: auto!important
}

.z-9 {
    z-index: 9!important
}

.bg-off-white .refV2 .uk-grid.uk-grid-collapse.uk-flex-middle>div:nth-child(even) {
    background: var(--sand);
    border: 1px solid var(--green)
}

.presta-car .uk-scope .ref-slide .uk-padding {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.bg-off-white .refV2 .uk-grid.uk-grid-collapse.uk-flex-middle>div:nth-child(even) .uk-padding>.uk-margin-top {
    height: 0;
    margin-top: 0!important
}

.bg-off-white .uk-width-1-2\@m.uk-text-center.uk-first-column .uk-slideshow-items img {
    height: auto!important;
    top: revert!important
}

.card-bg-yell h2 {
    padding-bottom: 20px
}

.uk-scope .ref-slide .uk-dotnav li>a {
    background-color: transparent;
    border: 1px solid var(--chocolate)
}

.uk-scope .ref-slide .uk-dotnav li.uk-active>a {
    background-color: var(--chocolate)!important;
    border: 1px solid var(--chocolate)
}

.uk-scope .uk-dotnav>* {
    padding-left: 5px!important
}

.uk-position-relative.uk-visible-toggle.uk-slideshow .uk-light {
    top: 80px
}

.uk-scope .uk-slideshow-items>* {
    display: flex;
    align-items: center
}

.justify-content-between .sppb-row,
.justify-content-between .sppb-column-addons {
    justify-content: space-between;
}

button#sendNesltr {
    margin-top: 20px
}

.bg-sand-card {
    background-color: var(--sand)
}

.bg-sand-card h2,.bg-sand-card p,.bg-sand-card strong {
    color: var(--chocolate)!important
}

div#mod-custom321 p a {
    color: var(--chocolate);
    font-weight: 400
}

.min-height-pricing-box .sppb-pricing-box {
    min-height: 832px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.min-height-pricing-box .sppb-pricing-features {
    margin-bottom: 0!important
}

.min-height-pricing-box .sppb-pricing-footer {
    display: none
}

/* #sp-copyright a:hover,#sp-footer a:hover {
    color: var(--chocolate)!important
} */

#sp-copyright a {
    color: var(--chocolate-60)!important
}

header#sp-header .sp-megamenu-parent li.sp-menu-item.sp-has-child ul.sp-dropdown-items li a {
    margin-bottom: 5px
}

header#sp-header .sp-megamenu-parent li.sp-menu-item.sp-has-child ul.sp-dropdown-items li:last-child a {
    margin-bottom: 0
}

.view-article a.btn::before,.view-article button#sendNesltrfo::after,.view-article button#sendNesltrfo::before,.view-category a.btn::before,.view-category button#sendNesltr::before,.view-category button#sendNesltrfo::after,.view-category button#sendNesltrfo::before,.view-category button.btn.var1::before {
    content: "";
    background-image: url(https://www.expertsa.fr/images/icone/arrow-right-off-white.svg);
    background-repeat: no-repeat;
    background-position: center left
}

.view-article button#sendNesltrfo::after {
    margin-left: 10px
}

.view-article #sp-top1 a.link.k1::after,.view-article a.btn::after,.view-article button#sendNesltr:after,.view-category #sp-top1 a.link.k1::after,.view-category .readmore a::after,.view-category a.btn::after,.view-category button#sendNesltr:after,.view-category button.btn.var1::after {
    content: "";
    background-image: url(https://www.expertsa.fr/images/icone/arrow-right-chocolate.svg);
    background-repeat: no-repeat;
    background-position: center right
}

.view-category .readmore a::after {
    min-height: 10px;
    min-width: 10px;
    display: block;
    margin-left: 10px
}

.view-article #sp-top1 a.link.k1,.view-category #sp-top1 a.link.k1,.view-category .readmore a {
    display: flex
}

.view-article #sp-top1 a.link.k1::after,.view-category #sp-top1 a.link.k1::after {
    background-image: url(https://www.expertsa.fr/images/icone/arrow-right-sunset.svg);
    background-size: 15px;
    margin-left: 20px;
    content: "";
    margin-right: -10px;
    width: 20px;
    height: 20px;
    display: flex
}

.view-category button#sendNesltrfo::after {
    background-position: center right
}

.contn .cardMantra.ag2 .face.face2 .content p {
    color: var(--chocolate)
}

a.btn.btn-sm.btn-secondary.next::after,a.btn.btn-sm.btn-secondary.next::before,a.btn.btn-sm.btn-secondary.previous::after,a.btn.btn-sm.btn-secondary.previous::before {
    display: none
}

.icon-chevron-left {
    margin-right: 10px
}

.icon-chevron-right {
    margin-left: 10px
}

.view-article a.btn.var1,.view-category a.btn.var1,button#sendNesltrfo {
    padding: 12px 20px 12px 20px;
    border-radius: 30px
}

ul.mod-articlescategory.category-module.mod-list {
    background-color: var(--sand);
    border: none
}

.lexique-page #sp-main-body {
    padding-top: 60px
}

ul#menu-rea li a,ul.lexique-sommaire li a {
    border: 1px solid var(--sunset);
    border-radius: 50%;
    padding: 10px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--chocolate)
}

ul#menu-rea li a {
    border-radius: 30px;
    width: revert;
    height: revert;
    color: var(--chocolate);
    font-weight: 700
}

ul.lexique-sommaire {
    padding: 0;
    justify-content: space-between!important;
    margin-bottom: 65px
}

#sp-top-bar p {
    color: var(--chocolate)
}

.sppb-row-container {
	padding: 0;
}

.img-header-1440-block {
    display: none;
}

.img-header-1440-none {
	display: block;
}

@media (min-width: 1441px) {
    .img-header-1440-none {
        display: none;
    }

	.logo-expert-sa-footer {
		width: 1440px;
	}

    .img-header-1440-block {
		display: flex;
		justify-content: center;
	}
}

.no-container .sppb-row-container {
    max-width: 100%;
}

.p-footer-flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 20px;
}

.link-chocolat-60 ul.menu,
.menu-support-footer ul {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

@media (max-width: 991px) {
    .p-footer-flex {
        column-gap: 10px;
    }

    .card-pulse {
        height: 152px;
        justify-content: space-between;
    }

    /* .link-chocolat-60 ul.menu,
    .menu-support-footer ul {
        display: flex;
        flex-direction: column;
        gap: 5px;
    } */

    .menu-support-footer {
        gap: 5px !important;
    }
}