@font-face {
    font-family: 'Algebra';
    src: url('/templates/sphere/fonts/AlgebraRegular.woff2') format('woff2'),
        url('/templates/sphere/fonts/AlgebraRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sherika';
    src: url('/templates/sphere/fonts/Sherika-Regular.woff2') format('woff2'),
        url('/templates/sphere/fonts/Sherika-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sherika';
    src: url('/templates/sphere/fonts/Sherika-Medium.woff2') format('woff2'),
        url('/templates/sphere/fonts/Sherika-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

:root {
    --mid-ashes: #2f403a;
    --dark-ashes: #222c28;
    --sweet-white: #efe8d8;
    --almost-black: #16221e;
    --black: #000;
    --beige-two: #e3dbc5;
    --dull-sand: #d2c8b1;
    --vivid-red: #fb5e27;
    --neon-blue: #4343dd;
}

body {
    background-color: var(--dark-ashes);
}

.first-section,
.link-rea,
#sp-footer .container {
    border-top-right-radius: 29px;
    border-top-left-radius: 29px;
}

.dull-sand-section {
    background-image: url(/images/hp/separateur-dull-sand.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top -1px left 0;
}

.sweet-white-section {
    background-image: url(/images/hp/separateur-sweet-white.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top -1px left 0;
}

.sweet-white-section-dark-ashes {
    background-image: url(/images/hp/separateur-sweet-white-dark.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top -1px left 0;
}

.section-dark-ashes {
    background-image: url(/images/hp/separateur-dark-ashes.svg);
    background-size: 100% !important;
    background-repeat: no-repeat;
    background-position: top -1px left 0;
}

.section-dark-ashes-sweet-white {
    background-image: url(/images/hp/separateur-dark-ashes-sweet-white.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top -1px left 0;
}

/* font */
h1,
h2 {
    font-family: 'Algebra';
    font-size: 33px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.03;
    letter-spacing: normal;
}

h3, .h3, .view-category .article-list .article .article-body .article-header h2 a, .uk-accordion a, .switcher-savoir-faire li a, .tag-article-blog {
    font-family: 'Sherika' !important;
    font-size: 21px !important;
    font-weight: 500 !important;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.03;
    letter-spacing: normal;
}

p, a, input, label, span.formValidation, textarea#Message, .dull-sand-input, ul.uk-subnav a, #sp-menu li a, .span, .article-introtext p, .rsform-submit-button, .module-latest-post-title .vivid-red-text,  .uk-accordion-content, .ref-masonry .published, .blog-page.layout-blog.view-article #sp-main-body .article-info {
    font-family: 'Sherika';
    font-size: 16px !important;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
}

.h2-footer {
    font-family: 'Algebra' !important;
    font-size: 53px !important;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.03;
    letter-spacing: normal;
}

.w-min-content {
    width: min-content;
}

.w-max-content {
    width: max-content;
}

/* margin / padding */
.pr-5 {
    padding-right: 5rem;
}

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

.mb-13 {
    margin-bottom: 13px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-29 {
    margin-bottom: 29px;
}

.mb-34 {
    margin-bottom: 34px;
}

.mb-39 {
    margin-bottom: 39px;
}

.mb-50 {
    margin-bottom: 50px;
}


.mb-60 {
    margin-bottom: 60px;
}

.mt-39 {
    margin-top: 39px;
}

.mt-49 {
    margin-top: 49px;
}

.mt-100 {
    margin-top: 100px !important;
}

.mt-200 {
    margin-top: 200px !important;
}

.mt-sm-49 {
    margin-top: 49px;
}

.mt-67 {
    margin-top: 67px;
}

.mt-29 {
    margin-top: 29px;
}

.ml-20 {
    margin-left: 20px;
}

.ml-40 {
    margin-left: 40px;
}

.mr-sm-44 {
    margin-right: 44px;
}

.r-40 {
    right: 40px;
}

.l-70 {
    left: 70px;
}

.l-100 {
    left: 100px;
}

/* border-radius */
.br-7 {
    border-radius: 7px;
}

.br-11 {
    border-radius: 11px;
}

/* gap */
.gap-30 {
    gap: 30px;
}

.gap-40 {
    gap: 40px;
}

.gap-100 {
    gap: 100px;
}

/* width */
.w-40 {
    width: 40%;
    height: auto;
}

.w-50 {
    width: 50%;
    height: auto;
}

.w-29 {
    width: 29%;
}

.w-49 {
    width: 49%;
}

/* font weight */
.bold, 
.rsform-submit-button {
    font-weight: 500;
}

/* text color */
.sweet-white-text {
    color: var(--sweet-white) !important;
}

.sweet-white-text-webkit {
    -webkit-text-fill-color: var(--sweet-white) !important;
}

.vivid-red-text {
    color: var(--vivid-red) !important;
}

.dull-sand-text {
    color: var(--dull-sand) !important;
}

.neon-blue-text {
    color: var(--neon-blue) !important;
}

.dark-ashes-text {
    color: var(--dark-ashes) !important;
}

.mid-ashes-text {
    color: var(--mid-ashes) !important;
}

.black-text {
    color: var(--black) !important;
}

/* colors */
.blck {
    background-color: var(--dark-ashes);
    border-radius: 5px;
    border: 1px solid var(--neon-blue);
    color: var(--sweet-white);
}

.bg-dark-ashes {
    background-color: var(--dark-ashes);
}

.bg-sweet-white {
    background-color: var(--sweet-white) !important;
}

.bg-dull-sand {
    background-color: var(--dull-sand) !important;
}

.blck:hover {
    background-color: var(--neon-blue);
}

.border-white {
    border-radius: 12px;
    border: 1px solid var(--sweet-white);
}

/* bannière bloc */
.banner-text,
.banner-text-rea {
    display: flex;
    justify-content: space-between;
}

.banner-article-blog.bg-sweet-white h2,
.banner-article-blog.bg-sweet-white h3,
.banner-article-blog.bg-sweet-white a {
    color: var(--dark-ashes) !important;
}

.banner-article-blog.bg-sweet-white {
    padding: 15px 10% !important;
}

.banner-bloc {
    padding: 25px 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* gap: 24px; */
    gap: 100px;
}

.banner-bloc:hover {
    background-color: var(--sweet-white);
    color: var(--dark-ashes);
}

.banner-bloc:hover span {
    color: var(--neon-blue) !important;
}

.banner-bloc:hover .btncdl {
    background-color: var(--neon-blue) !important;
}

/* button */
.btncdl,
.sp-megamenu-parent>li:last-child>a {
    transition: 0.3s;
    border-radius: 30px;
    text-decoration:none;
    text-align: center;
    border-radius: 5px;
    border: solid 1px;
    display: flex;
    justify-content: center;
    width: fit-content;
    height: fit-content;
}

.btncdl a,
.sp-megamenu-parent>li:last-child>a {
    font-family: 'Sherika';
    font-size: 16px;
    font-weight: 500;
    padding: 10px 22px 9px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    height: 100%;
    width: 100%;
}

.btncdl-footer {
    font-family: 'Sherika';
    font-size: 21px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    margin-right: 7px;
    letter-spacing: normal;
}

.btn-neon-blue,
.sp-megamenu-parent>li:last-child>a {
    border-color: var(--neon-blue);
    background-color: var(--dark-ashes);
    color: var(--sweet-white) !important;
}

.btn-neon-blue a,
.btn-neon-blue:hover a,
.btn-vivid-red:hover a {
    color: var(--sweet-white) !important;
}

.btn-neon-blue:hover,
.sp-megamenu-parent>li:last-child:hover>a {
    background-color: var(--neon-blue);
}

.btn-vivid-red {
    border-color: var(--vivid-red);
    color: var(--dark-ashes) !important;
}

.btn-vivid-red a {
    color: var(--dark-ashes) !important;
}

.btn-vivid-red:hover {
    background-color: var(--vivid-red);
}

/* menu */
#sp-header {
    margin-top: 0;
    background-color: transparent !important;
    position: fixed;
}

#sp-main-body {
    margin-top: 91px !important;
}

#sp-header .container {
    border: solid 1px var(--dull-sand);
    border-top: none;
    background-color: var(--dark-ashes);
    border-radius: 0 0 10px 10px;
    padding: 0 30px;
}

.sp-megamenu-parent.menu-animation-fade-up .sp-has-child:hover>.sp-dropdown .sp-dropdown-inner {
    animation: spFadeInUp 400ms ease-in;
}

@keyframes spFadeInUp {
    0% {
        height: 0;
        overflow: hidden;
    }
    
    100% {
        height: 77px;
        overflow: visible;
    }
}

.sub-menu-inner {
    position: relative;
    z-index: 20;
}

.subnav-dropdown {
    background-color: var(--neon-blue);
    padding: 23px 70px;
    border-radius: 8px;
}

#sp-sous-menu {
    position: relative;
    top: 90px;
    z-index: 2;
}

#sp-sous-menu .sp-dropdown-items {
    display: flex;
    justify-content: space-between;
}

/* .down-sub-menu {
    transform: translateY(70px);
    transition: transform 0.5s ease;
} */

#sp-header .container,
#sp-footer .container,
#sp-sous-menu .container {
    max-width: none;
    width: auto;
    margin: 0 70px;
}

#sp-sous-menu .container {
    margin: 0 70px;
    padding: 0
}

#sp-header .sp-megamenu-wrapper {
    height: 100%;
}

#sp-header .sp-megamenu-wrapper .sp-megamenu-parent {
    height: 100%;
    display: flex !important;
}

#sp-header .sp-megamenu-wrapper .sp-megamenu-parent li.sp-menu-item a {
    height: 100%;
    display: flex;
    align-items: center;
}

#sp-header .sp-megamenu-wrapper .sp-megamenu-parent li.sp-has-child a {
    height: 101%;
}

#sp-header .sp-megamenu-wrapper .sp-megamenu-parent li.sp-menu-item:last-child {
    align-items: center;
    display: flex;
}

#sp-header .sp-megamenu-wrapper .sp-megamenu-parent li.sp-menu-item a.btncdl {
    height: auto;
}

.sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-right {
    top: 91px;
    width: 100% !important;
    position: fixed;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    margin: 0 70px;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-items {
    display: flex;
    justify-content: space-around;
}

.sp-megamenu-parent>li:after {
    background: none ;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.current-item.active>a {
    color: var(--vivid-red) !important;
    font-weight: 500 !important;
}

.sp-megamenu-parent>li>a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {
    color: var(--sweet-white);
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover>a {
    color: var(--dark-ashes) !important;
    font-weight: 500 !important;
}

.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
    font-weight: 500;
}

.sp-megamenu-parent>li.sp-has-child>a:after {
    background-image: url("/images/hp/Icon ionic-md-arrow-down.svg");
    background-position: center;
    background-repeat: no-repeat;
    font-weight: 100 !important;
    content: "";
}

.sp-megamenu-parent>li:last-child {
    padding-left: 30px;
} 

#offcanvas-toggler .burger-icon {
    display: none;
}

.offcanvas-menu {
    width: 100%;
    background-color: var(--dark-ashes) !important;
}

body.ltr.offcanvs-position-right .offcanvas-menu {
    right: -100%;
    padding: 24px;
}

body.ltr .sp-megamenu-parent>li.sp-has-child>a:after, 
body.ltr .sp-megamenu-parent>li.sp-has-child>span:after {
    margin-bottom: 3px;
}

.offcanvas-menu .offcanvas-inner {
    padding: 16px;
}

/* identités fortes - historique - laptop */
/* .scroll-cards {
    counter-reset: card;
    position: relative;
    display: block;
    padding-bottom: 120vh;
} */
  
/* .scroll-cards > .scroll-cards__item + .scroll-cards__item {
    margin-top: 40vh;
}

.scroll-cards h1 {
    position: sticky;
    top: 2rem;
    font-size: 2em;
    margin: 0 0 0.5em;
} 

.scroll-cards {
    counter-reset: card;
    position: relative;
    display: block;
    padding-bottom: 120vh;
}

.scroll-cards__item {
    position: sticky;
    top: max(16vh, 10em);
    padding: 2em 1.5em;
    display: flex;
    gap: 100px;
    padding: 14px 14px 14px 50px;
    background-color: var(--sweet-white);
    border-radius: 11px;
}


.scroll-cards__item:nth-of-type(1) {
    transform: translate(calc(0 * var(--offset)), calc((1 - 1) * var(--offset)));
}

.scroll-cards__item:nth-of-type(2) {
    transform: translate(calc(0 * var(--offset)), calc((2 - 1) * var(--offset)));
}

.scroll-cards__item:nth-of-type(3) {
    transform: translate(calc(0 * var(--offset)), calc((3 - 1) * var(--offset)));
}

.scroll-cards__item:nth-of-type(4) {
    transform: translate(calc(0 * var(--offset)), calc((4 - 1) * var(--offset)));
} */ 

/* réponses - laptop */
.reponses-card {
    border-radius: 13px;
    background-color: var(--beige-two);
    padding: 14px 14px 25px;
    width: 360px;
    margin: 0 10px;
}

.reponses-card:first-child {
    margin-left: 0;
}

.reponses-card-img {
    width: 335px;
    height: 250px;
}

.reponses-card-text {
    padding: 35px 14px 0;
}

.reponses-card:hover p {
    color: var(--dull-sand) !important;
}

.reponses-card:hover h3 {
    color: var(--sweet-white) !important;
}

.reponses-card:hover {
    background-color: var(--neon-blue);
}

.scrollable-container {
    max-height: 100%; 
    overflow-y: auto;
}

.scrollable-container::-webkit-scrollbar {
    height: 7px;
}

.scrollable-container::-webkit-scrollbar-thumb {
    background: var(--vivid-red);
}

.scrollable-container::-webkit-scrollbar-track {
    background: var(--mid-ashes);
    border: 3px solid var(--sweet-white);
}

.nos-reponses-mobile .uk-dotnav>*>* {
    border-color: var(--neon-blue) !important;
}

.nos-reponses-mobile .uk-dotnav>.uk-active>* {
    background: var(--neon-blue) !important;
}

/* footer */
#sp-footer .container {
    border-top: 1px solid var(--vivid-red);
    border-bottom: none;
    padding: 0 180px 60px;
    background-color: var(--mid-ashes);
    margin: 0;
}

.page-rea #sp-footer,
.blog-page #sp-footer {
    background-color: var(--dark-ashes);
}

#sp-footer{
    margin: 0;
    padding: 0;
    background-color: var(--dark-ashes);
    border-bottom: none;
}

.page-nos-offres-inner #sp-footer {
    background-color: var(--dark-ashes);
}

.nos-offres-page #sp-footer {
    background-color: var(--sweet-white);
}

.footer-content {
    top: -10px;
    position: relative;
    display: flex;
    align-items: center;
}

#sp-footer .moduletable .menu {
    display: flex;
    flex-direction: column;
}

#sp-footer .moduletable .menu  li a {
    color: var(--sweet-white);
}

#sp-footer .moduletable .menu  li.active a,
#sp-footer .moduletable .menu  li:hover a {
    color: var(--vivid-red);
    color: var(--vivid-red);
}

.after-arrow::after {
    content: "";
    background-image: url(/images/hp/acc-icone-fleche.svg);
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-left: 10px;
}

/* acceuil */
.card-historique,
.card-nos-offres {
    background-color: var(--sweet-white);
    border-radius: 11px;
    padding: 10px 10px 10px 30px;
    margin: 30px 0;
}

.card-nos-offres {
    margin: 22px 0;
    min-height: 250px;
    gap: 34px;
}

.card-nos-offres:first-child {
    margin-top: 0;
}

.card-historique h2,
.card-nos-offres h2 {
    margin: 22px 0 12px;
}

.card-historique-first,
.card-nos-offres-first {
    margin-top: 70px;
}

.img-historique {
    max-width: 400px;
    height: auto;
}

.card-historique:last-child,
.card-nos-offres:last-child {
    margin-bottom: 0;
}

/* bannière texte */
.banner-text-left {
    white-space: nowrap;
    overflow: hidden;
    width: max-content;
    font-size: 73px;
    font-family: Algebra;
    color: var(--mid-ashes);
}

.banner-text-right {
    white-space: nowrap;
    overflow: hidden;
    width: max-content;
    font-size: 73px;
    font-family: Algebra;
    color: var(--mid-ashes);
}

.banner-text-right a,
.banner-text-left a {
    font-size: 73px !important;
    font-family: Algebra;
    color: var(--mid-ashes);
}

.banner-text-right a:hover {
    color: var(--sweet-white);
}

.banner-text-left a:hover {
    color: var(--sweet-white);
}

.uk-accordion a {
    color: var(--sweet-white) !important;
}

.card-offres,
.switcher-offres .uk-accordion-title {
    background-color: var(--mid-ashes);
    border-radius: 7px;
    padding: 17px 25px;
    color: var(--sweet-white) !important;
    display: flex;
}

.switcher-offres .uk-accordion-title::before {
    background-image: url("/images/hp/acc-icone-fleche-rouge.svg") !important;
    margin-top: -4px;
}

.switcher-offres .uk-open .uk-accordion-title::before {
    background-image: url("/images/hp/acc-icone-fleche.svg") !important;
    margin-top: -4px;
}

.switcher-offres .uk-open {
    border-radius: 7px;
    background-color: var(--dull-sand);
}

.switcher-offres li {
    margin-top: 20px;
}

.switcher-offres li:first-child {
    margin-top: 0;
}

.switcher-offres .uk-open .uk-accordion-content {
    padding: 0 25px 17px;
}

.switcher-offres .uk-accordion-title {
    padding: 17px 25px 14px;
}

.switcher-offres .uk-open .uk-accordion-title {
    color: var(--dark-ashes) !important;
    background-color: var(--dull-sand) !important;
}

#sp-tags-realisations li a:hover {
    background-color: var(--neon-blue) !important;
}

.switcher-offres a {
    transition: none;
}

ul.uk-subnav.uk-subnav-pill {
    background-color: var(--mid-ashes);
    margin: 0;
    display: flex !important;
    justify-content: space-between !important;
    height: 90px;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
}

.switcher-ambitions,
.switcher-ambition-tab-mob .switcher-ambitions {
    padding: 60px 100px;
    display: flex;
    justify-content: space-between;
    gap: 100px;
    background-color: var(--almost-black);    
    border: 1px solid var(--neon-blue);
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    height: 320px;
}

.switcher-nos-offres ul.uk-subnav li {
    width: 50%;
}

.switcher-nos-offres-inner {
    padding: 60px 100px;
    display: flex;
    background-color: var(--almost-black);
    border: 1px solid var(--neon-blue);
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    flex-direction: column;
}

.switcher-nos-offres ul {
    margin-top: 0;
}

.switcher-ambition-tab-mob .switcher-ambitions {
    height: auto;
    padding: 40px 33px;
    gap: 40px;
}

.switcher-ambition-tab-mob li a.uk-accordion-title,
.switcher-nos-offres-tab-mob li a.uk-accordion-title {
    position: relative;
    top: 8px;
}

.uk-scope .uk-link, .uk-scope a:hover {
    text-decoration: none !important;
}

.uk-scope .uk-link, .uk-scope a:hover .hover-svg {
    background-image: url("/images/hp/acc-icone-fleche-bleu-hover.svg");
}

.hover-svg {
    width: 37px;
}

.uk-subnav-pill li.uk-active a {
    background-color: transparent !important;
}

.uk-subnav-pill li.uk-active {
    border: 1px solid var(--neon-blue);
    border-bottom: none;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    background-color: var(--almost-black);
}

.uk-scope .uk-accordion-content {
    margin-top: 0 !important;
}

.switcher-ambition-tab-mob li.uk-open a::before,
.switcher-ambition-tab-mob li a::before,
.switcher-nos-offres-tab-mob li a::before {
    display: none;
}

.switcher-ambition-tab-mob li.uk-open a.uk-accordion-title,
.switcher-ambition-tab-mob li a.uk-accordion-title,
.switcher-nos-offres-tab-mob li.uk-open a.uk-accordion-title,
.switcher-nos-offres-tab-mob li a.uk-accordion-title {
    color: var(--sweet-white);
    padding: 22px 0;
    display: flex;
    justify-content: center;
    border: 1px solid var(--neon-blue);
    background-color: var(--almost-black);
    border-radius: 9px;
}

.switcher-ambition-tab-mob li a.uk-accordion-title,
.switcher-nos-offres-tab-mob li a.uk-accordion-title {
    background-color: var(--mid-ashes);
    color: var(--sweet-white) !important;
}

.uk-scope .uk-subnav>* {
    padding: 0;
    width: 25%;
    height: 100%;
    display: flex;
    justify-content: center;
    padding: 0 5px;
    padding-left: 0;
    border: 1px solid transparent;
}

.uk-scope .uk-subnav-pill>*>a:hover {
    background-color: var(--mid-ashes) !important;
    color: var(--sweet-white) !important;
}

.uk-scope .uk-subnav>.uk-active>a:hover {
    background-color: var(--almost-black) !important;
    color: var(--sweet-white) !important;
}

ul.uk-subnav.uk-subnav-pill {
    background-color: var(--mid-ashes);
    margin: 0;
    height: 90px;
    border-top-left-radius: 9px;
}

ul.uk-subnav a {
    text-transform: none !important;
    color: var(--sweet-white) !important;
    width: 100%;
    justify-content: center;
}

.main-offres-card,
.main-offres-card-srv {
    margin: 9px 6px 0;
}

.main-offres-card img,
.main-offres-card-srv img {
    width: 31px;
    height: 31px;
}

.offres-card,
.offres-card-srv {
    padding: 25px;
    background-color: var(--mid-ashes);
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    border-radius: 7px;
    height: 180px;
    width: 400px;    
}

.offres-card-srv,
.offres-card-hover-srv {
    height: 230px !important;
}

.offres-card-hover-srv {
    justify-content: flex-start !important;
    gap: 4px;
}

.offres-card-hover-text,
.offres-card-hover-text-srv {
    overflow: overlay;
}

.offres-card-hover-text::-webkit-scrollbar,
.offres-card-hover-text-srv::-webkit-scrollbar {
    width: 6px;
}

.offres-card-hover-text::-webkit-scrollbar-thumb,
.offres-card-hover-text-srv::-webkit-scrollbar-thumb {
    background: var(--neon-blue);
}

.offres-card-hover-text::-webkit-scrollbar-track,
.offres-card-hover-text-srv::-webkit-scrollbar-track {
    background: var(--mid-ashes);
    border: 3px solid var(--dull-sand);
}

.offres-card-hover,
.offres-card-hover-srv {
    display: none;
    justify-content: space-between;
    flex-direction: column;
    padding: 35px 25px 25px;
    background-color: var(--dull-sand);
    height: 180px;
    border-radius: 7px;
    width: 400px;  
}

.main-offres-card:hover .offres-card-hover,
.main-offres-card:hover .offres-card-hover-srv {
    display: flex;
}

.main-offres-card:hover .offres-card,
.main-offres-card:hover .offres-card-srv {
    display: none;
}

.offres-laptop img.visuel {
    height: 180px;
    width: auto;
    margin: 9px 6px 0;
}

.offres-laptop img.visuel-srv {
    height: 230px;
    width: auto;
    margin: 9px 6px 0;
}

/* waiting page */
.griffe-container {
    position: relative;
    text-align: center;
}

.griffe-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
}

.lionne-container,
.lionne-container-rea {
    position: relative;
    text-align: center;
    height: 360px;
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
}

.lionne-container-rea {
    height: 350px;
}

.lionne-container {
    height: 450px;
}

.lionne-img {
    position: absolute;
    z-index: 0;
    bottom: 0;
    opacity: 19%;
    width: 1100px !important;
}

.lionne-img-blog {
    position: absolute;
    z-index: 0;
    width: 1000px;
}

.lionne-img-mob {
    opacity: 19%;
}

.contact-footer {
    margin: 37px 0 42px;
}

.griffe-white-img {
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: -1;
}

.text-content {
    z-index: 1;
    position: relative;
}

.att-contact {
    border: 1px solid var(--neon-blue);
    border-radius: 17px;
    position: relative;
    padding: 74px 72px 100px;
    width: 500px;
}

/* form */

/* calendly */
.cal {
    position: fixed;
    right: 1vw;
    bottom: 30vh;
    z-index: 10;
}

.logo-image {
    height: 66px !important;
}

/* agence */
.agence-creativity-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 38px;
    max-width: 1170px;
    margin: 0 auto;
}

.card-agence {
    position: relative;
    height: 320px;
    background-color: var(--sweet-white);
    border-radius: 13px;
    overflow: hidden;
}

.card-agence-tab {
    background-color: var(--sweet-white);
    border-radius: 13px;
    padding: 10px 10px 20px;
    width: 48%;
    height: 100%;
}

.card-agence-tab-inner {
    padding: 26px 17px 7px;
}

.card-agence .content-agence,
.card-agence .hover-content-agence {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 26px;
    transition: transform 0.5s ease;
}

.card-agence .content-agence {
    transform: translateY(0);
}

/* .card-agence .content-agence {
    transform: translateY(0);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
} */

.card-agence .hover-content-agence {
    transform: translateY(100%);
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.card-agence:hover .content-agence {
    transform: translateY(-100%);
}

.card-agence:hover .hover-content-agence {
    transform: translateY(0);
    opacity: 1;
}

.lionne-img-agence {
    width: 540px;
    height: auto;
}

.text-2-tab-inner {
    margin-bottom: 50px;
}

.align-items-sabine {
    align-items: flex-start !important;
}

.savoir-faire-switcher {
    border: 1px solid var(--neon-blue);
    border-radius: 13px;
    padding: 18px 18px 18px 51px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 327px;
}

.card-offres-hover-tab .content {
    display: none;
    padding: 10px;
    animation: slideDown 0.5s ease-in-out;
}

.card-offres-hover-tab:hover .content {
    display: block;
}

@keyframes slideDown {
    0% {
        transform: translateY(-100%);
    }
    100% {
        transform: translateY(0);
    }
}


.savoir-faire-switcher-img {
    width: 50%;
}

.switcher-savoir-faire .uk-nav li a::after,
.switcher-savoir-faire-mob .uk-accordion-title::before {
    background: url(/images/hp/acc-icone-fleche-rouge.svg) !important;
    background-repeat: no-repeat !important;
    content: "";
    width: 41px !important;
    height: 41px !important;
    padding-right: 30px;
    transition: background-image 0.2s;
}

.link-offres:hover .img-svg-offres,
.link-offres-srv:hover .img-svg-offres {
    display: none;
    width: 30px !important;
    height: 30px !important;
}

.link-offres .img-svg-hover,
.link-offres-srv .img-svg-hover {
    display: none;
}

.link-offres:hover .img-svg-hover,
.link-offres-srv:hover .img-svg-hover {
    display: flex;
}

.link-offres,
.link-offres-srv {
    display: flex;
    align-items: flex-end;
    border-bottom: 1px solid var(--dark-ashes);
    padding-bottom: 5px;
    justify-content: space-between;
}

.link-offres-srv {
    border-bottom: 1px solid var(--sweet-white);
}

.link-offres h3,
.link-offres-srv h3 {
    color: var(--dark-ashes);
    margin-bottom: 0;
    font-weight: 500;
}

.link-offres-srv h3 {
    color: var(--sweet-white);
}

.link-offres-srv:hover h3 {
    color: var(--neon-blue) !important;
}

.link-offres img,
.link-offres-srv img {
    width: 31px;
    height: 31px;
}

.link-offres:hover p,
.link-offres-srv:hover p {
    color: var(--neon-blue);
}

.switcher-savoir-faire li a {
    color: var(--dark-ashes) !important;
    display: flex;
    justify-content: space-between;
}

.switcher-savoir-faire .uk-nav li,
.switcher-savoir-faire-mob .uk-accordion-title {
    border-bottom: 1px solid var(--black);
    padding-top: 50px;
}

.switcher-savoir-faire .uk-nav li:first-child,
.switcher-savoir-faire-mob .uk-accordion-title:first-child {
    padding-top: 0;
}

.switcher-savoir-faire .uk-accordion-title:first-child,
.switcher-savoir-faire-mob .uk-accordion-title:first-child {
    padding-bottom: 5px;
    font-weight: 500;
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-end;
    color: var(--dark-ashes) !important;
}

.switcher-savoir-faire-mob .uk-accordion-title:first-child {
    display: block;
}

.switcher-savoir-faire ul.uk-nav {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.switcher-savoir-faire .uk-nav li.uk-active a::after,
.switcher-savoir-faire-mob li.uk-open .uk-accordion-title::before {
    background: url(/images/hp/acc-icone-fleche.svg) !important;
    width: 30px !important;
    height: 30px !important;
}

.switcher-savoir-faire .uk-nav li.uk-active a::after {
    width: 41px !important;
    height: 41px !important;
    background-repeat: no-repeat !important;
}

.switcher-savoir-faire .uk-nav li.uk-active a::after:hover {
    background-image: url(/images/hp/acc-icone-fleche-bleu-hover.svg) !important;
    background-size: 41px !important;
    background-repeat: no-repeat !important;
}

.switcher-savoir-faire .uk-nav li a:hover::after {
    background-image: url(/images/hp/acc-icone-fleche-bleu-hover.svg) !important;
    background-size: 35px !important;
}

.switcher-savoir-faire .uk-nav li.uk-active a:hover::after {
    background-image: url(/images/hp/acc-icone-fleche.svg) !important;
    background-size: 31px !important;
}

.switcher-savoir-faire .uk-nav li:first-child a::after {
    width: 35px !important;
}

.switcher-savoir-faire-mob .uk-accordion-content,
.switcher-savoir-faire .uk-accordion-content {
    margin-top: 23px !important;
}

.img-equipe {
    margin-top: 68px;
}

.uk-scope .uk-dotnav>*>* {
    border-color: var(--neon-blue) !important;
}

.uk-scope .uk-dotnav>.uk-active>* {
    background-color: var(--neon-blue) !important;
    border-color: var(--neon-blue) !important;
}

.grid-offres-links {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 20px;
    row-gap: 12px;
}

.grid-switcher-offres {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 100px;
    row-gap: 47px;
}

#sp-footer .moduletable .menu li:hover a {
    margin-left: 20px;
    transition: margin-left 0.5s;
    color: var(--sweet-white);
}

#sp-footer .moduletable .menu li:hover::before {
    background-size: contain;
    background-image: url(/images/hp/acc-icone-fleche-rouge.svg);
    opacity: 1;
}

#sp-footer .moduletable .menu li::before {
    content: "";
    width: 17px;
    position: absolute;
    transition: opacity 0.5s;
    height: 17px;
    opacity: 0;
}

.footer-content .mx-auto.col-lg-5.text-md-start div {
    min-width: 180px;
}

a.sp-scroll-up {
    display: none !important;
}

.footer-content .arrow-blue {
    bottom: 4px;
}

.arrow-blue,
.arrow-red,
.arrow-red-links,
.arrow-white,
.arrow-white-rea {
    position: relative;
    display: inline-block;
}

.arrow-blue img {
    width: 30px;
    height: 30px
}

.arrow-red .arrow-red-svg,
.link-offres-srv .arrow-red-svg-links,
.link-offres .arrow-red-svg-links {
    background-image: url("/images/hp/acc-icone-fleche-rouge.svg");
    width: 30px;
    height: 30px
}

.link-offres-srv,
.link-offres {
    padding-bottom: 10px;
}

.link-offres-srv .circle,
.link-offres .circle,
.arrow-white-rea:hover .circle {
    margin-top: 1px;
}

.arrow-white .arrow-white-svg,
.arrow-white-rea .arrow-white-svg-rea {
    background-image: url("/images/hp/acc-icone-fleche.svg");
    width: 30px;
    height: 30px
}

.blog-page.view-article #sp-blog-article-relation .module-latestnews-item:hover .arrow-white,
.blog-page.view-article #sp-blog-article-relation .module-latestnews-item:hover .arrow-white .arrow-white-svg {
    background-image: url("/images/hp/acc-icone-fleche.svg") !important;
}

.module-latestnews-item:hover .arrow-white .arrow-white-svg,
.page-rea .article:hover .arrow-white-rea .arrow-white-svg-rea {
    background-image: url("/images/hp/arrow-beige.svg");
    width: 30px;
    height: 30px
}

.arrow-red:hover .arrow-red-svg,
.link-offres-srv:hover .arrow-red-svg-links,
.link-offres:hover .arrow-red-svg-links {
    background-image: url("/images/hp/acc-icone-fleche.svg") !important;
}

.arrow-white:hover .arrow-white-svg,
.arrow-white-rea:hover .arrow-white-svg-rea {
    background-image: url("/images/hp/arrow-beige.svg") !important;
}

.circle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border: 1px solid transparent;
    border-radius: 50%;
    transition: width 0.5s, height 0.5s, border-color 0.5s;
}

.blog-page .article-header h2:hover .circle,
.arrow-blue:hover .circle,
.arrow-red:hover .circle,
.link-offres-srv:hover .circle,
.link-offres:hover .circle,
.link-arrow-switcher:hover .arrow-blue .circle,
.blog-page.view-article #sp-blog-article-relation .module-latestnews-item:hover .arrow-white .circle {
    width: 34px;
    height: 34px;
    border-color: var(--neon-blue);
}

.arrow-white:hover .circle,
.arrow-white-rea:hover .circle {
    width: 34px;
    height: 34px;
    border-color: var(--sweet-white);
}

/* nos services inner */
.qcqc-section {
    display: flex;
    align-items: center;
    gap: 100px;
}

.img-crea-srv-inner {
    width: 40%;
    height: 40%;
}

.ref-masonry-agence {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 42px;
}

.ref-masonry-agence > div:last-child {
    margin-top: -180px;
}

.ref-masonry > div {
    padding: 10px 10px 20px;
}

.ref-masonry-agence > div:nth-child(even) {
    margin-top: 225px;
}

#sp-realisations-liens-nos-offres .container {
    margin: 0;
    max-width: 100%;
}

.link-rea-inner {
    margin: 0 auto;
}

.main-offres-card:hover .offres-card-hover {
    animation: cardAccHover 250ms ease-in;
}

.main-offres-card {
    background-color: var(--dull-sand);
    border-radius: 8px;
    overflow: hidden;
}

.offres-card {
    border-radius: 0 !important;
}

#sp-bandeau-elisa-offres {
    background-color: var(--sweet-white);
}

#sp-bandeau-elisa-offres .bg-sweet-white .img-banner-blog {
    margin-right: 44px;
    width: 100px;
    height: 100px;
}

#sp-bandeau-elisa-offres .bg-sweet-white .banner-article-blog-txt p {
    margin: 0;
}

.blog-page.view-article #sp-main-body {
    padding-bottom: 0 !important;
}

.lorem {
    width: 50%;
}

.dull-sand-section.bg-dull-sand {
    padding: 76px 130px 90px;
}

.article-info .createdby {
    text-transform: capitalize;
}

.article-info .createdby::after {
    content: "-";
    margin-left: 3px;
}

.blog-page.view-article .module-container-latestnews a {
    align-items: flex-end;
    display: flex;
    flex-direction: row;
}

.blog-page.view-article #sp-blog-article-relation #sp-article-relation {
    padding: 0;
    margin: -1px;
}

.h2-insta .sppb-addon-title {
    text-shadow: none !important;
}

.blog-page.view-article .module-container-latestnews a .module-latest-post-title p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    color: var(--mid-ashes);
}

.blog-page.view-article #sp-blog-article-relation .module-latestnews-item {
    background: none;
    padding: 0;
    margin: 0;
    width: 32%;
}

.blog-page.view-article #sp-blog-article-relation .module-container-latestnews a {
    background: none;
    width: -webkit-fill-available;
}

.blog-page.view-article #sp-blog-article-relation .module-container-latestnews a:last-child {
    margin: 0;
}

.blog-page.view-article #sp-blog-article-relation .module-latestnews-item .module-latest-post-title .module-title {
    margin-bottom: 0;
    gap: 10px;
}

.blog-page.view-article #sp-blog-article-relation .module-latestnews-item:hover .module-latest-post-title .module-title h3 {
    color: var(--neon-blue) !important;
}

.blog-page.view-article #sp-blog-article-relation .module-latestnews-item .module-latest-post-title .module-title .module-svg-arrow {
    margin-top: -7px;
}

.blog-page.view-article #sp-blog-article-relation .module-latestnews-item .module-latest-post-title .module-title a {
    color: var(--dark-ashes);
}

.blog-page.view-article #sp-blog-article-relation .module-latestnews-item .module-latest-post-title .vivid-red-text {
    font-weight: 500;
    margin: 13px 0;
}

.no-date .module-latest-post-title .vivid-red-text {
    display: none;
}

.blog-page.layout-blog.view-article #sp-blog-banniere-offre {
    background-color: var(--dull-sand) !important;
}

@keyframes cardAccHover {
    0% {
        transform: translateY(50px);
    }
    
    100% {
        transform: translateY(0);
    }
}

@media (max-width: 1400px) {
    /* .r-40 {
        left: 35px;
    } */
    
    .card-agence {
        height: 400px;
    }

    .ref-masonry {
      padding: 0 100px 100px !important;
    }

    section#sp-tags-realisations {
      padding: 51px 85px 0 !important;
    }
    
    .att-contact {
        width: inherit;
    }

    .att-contact {
        height: max-content;
    }
}

@media (max-width: 1200px) {
    .px-4 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    #sp-footer .container {
        padding: 0 100px 60px;
    }

    .align-items-sabine {
        align-items: flex-end !important;
    }

    .savoir-faire-switcher p.mb-0 {
        width: 43% !important;
    }

    .blog-page.view-article .com-content-article__body.sweet-white-section-dark-ashes {
        padding: 56px 147px 74px !important;
    }

    .blog-page.layout-blog.view-article #sp-main-body .header-article-blog-inner {
        padding: 119px 147px 79px !important;
    }

    .lorem {
        width: 100%;
    }
}

@media (max-width: 993px) {
    h1,
    h2 {
        font-size: 26px !important;
    }

    .latest-post-title h2 {
        font-size: 33px !important;
    }

    h3, .view-category .article-list .article .article-body .article-header h2 a, .uk-accordion a {
        font-size: 19px !important;
    }

    .h2-footer {
        font-size: 43px !important;
    }

    .blog-page.layout-blog.view-article #sp-main-body .com-content-article__body h2,
    .blog-page.layout-blog.view-article #sp-main-body .com-content-article__body h3 {
        margin: 42px 0 28px !important;
    }

    #sp-header .logo {
        height: 66px !important;
    }

    .blog-page.view-article #sp-blog-article-relation .module-container-latestnews a:last-child {
        display: none;
    }

    .banner-article-blog .img-banner-blog {
        width: 100% !important;
    }

    .banner-article-blog {
        margin: 0 147px !important;
    }

    .banner-article-blog.bg-sweet-white .banner-article-blog-txt {
        margin-left: 64px;
    }

    .banner-article-blog.bg-sweet-white {
        margin: 0 70px !important;
        padding: 38px 0 34px !important;
    }

    .banner-article-blog-txt {
        padding: 0 0 32px !important;
    }

    .banner-article-blog {
        flex-direction: column;
        padding: 38px 34px 34px !important;
    }

    .cal {
        right: -10px !important;
    }

    .page-nos-offres-inner .lionne-container {
        height: 350px;
    }

    .dull-sand-section.bg-dull-sand {
        padding: 52px 70px 75px;
    }

    .cal a {
        width: 70%;
        height: auto;
    }

    .contact-footer {
        margin: 66px 0 20px;
    }

    .first-section,
    .link-rea,
    #sp-footer .container {
        border-top-right-radius: 12px;
        border-top-left-radius: 12px;
    }

    .link-rea {
        padding: 85px 70px 70px !important;
    }

    .pr-5 {
        padding-right: 0;
    }

    .mb-2 {
        margin-bottom: 2rem !important;
    }

    .logo-footer {
        width: 44px;
    }

    .footer-content {
        align-items: start;
    }
    
    a.btncdl.btn-neon-blue {
        border: 0;
        padding: 0;
        text-align: start;
        color: var(--dull-sand) !important;
    }

    #sp-header .container {
        max-width: none;
        width: auto;
        margin: 0 45px;
        height: 90px;
        display: flex;
        align-items: center;
    }

    #sp-sous-menu .container {
        margin: 0 45px;
        padding: 0;
    }

    #sp-footer .container {
        max-width: none;
        width: auto;
        display: flex;
        padding: 0 140px 60px;
        align-items: center;
    }

    #sp-footer {
        padding: 0;
        margin: 0;
    }   

    #sp-header .container .container-inner {
        width: 100%;
    }

    #sp-header {
        height: 90px !important;
    }

    #offcanvas-toggler .burger-icon {
        display: block !important;
    }

    #offcanvas-toggler .burger-icon span,
    .close-offcanvas .burger-icon span {
        display: none !important;
    }

    #offcanvas-toggler {
        background-image: url(/images/hp/menu-burger.svg);
        background-position: center;
        background-repeat: no-repeat;
        width: 50px;
    }

    .close-offcanvas {
        background-image: url(/images/hp/menu-croix.svg);
        background-position: center;
        background-repeat: no-repeat;
        width: 50px;
        height: 35px;
    }

    .offcanvas-menu .logo-image {
        height: 150px !important;
    }

    .offcanvas-menu .offcanvas-inner ul.menu>li,
    li.item-171 a {
        padding: 20px 25px;
        margin-bottom: 10px;
        border-radius: 12px;
        border: solid 1px var(--neon-blue);
    }
    
    li.item-171 a {
        margin: 0;
    }

    li.item-171 a:hover {
        color: var(--vivid-red) !important;
        background-color: transparent;
    }

    .switcher-savoir-faire .uk-nav li {
        padding-top: 30px;
    }

    .offcanvas-menu .offcanvas-inner ul.menu>li a,
    .offcanvas-menu .offcanvas-inner ul.menu>li.active ul li a {
        padding: 0;
        color: var(--dull-sand);
        opacity: 1;
        font-weight: 500;
    }

    .offcanvas-menu .offcanvas-inner ul.menu>li ul {
        margin-top: 10px;
        margin-left: 0;
    }

    .offcanvas-menu .offcanvas-inner ul.menu>li.active,
    li.item-171.active {
        border: solid 1px var(--vivid-red);
    }

    .offcanvas-menu .offcanvas-inner ul.menu>li.active a,
    .offcanvas-menu .offcanvas-inner ul.menu>li ul li.active a {
        color: var(--sweet-white);
        font-weight: bold;
    }

    .btncdl {
        width: 100%;
    }

    .blog-page.view-article #sp-blog-article-relation .module-container-latestnews a {
        margin-right: 26px;
    }

    .px-60 {
        padding: 0 60px;
    }

    .banner-bloc {
        flex-direction: column;
        gap: 24px;
    }

    .banner-text,
    .banner-text-rea {
        flex-direction: column;
        gap: 39px;
    }

    .banner-text-rea {
        flex-direction: column;
        gap: 20px;
    }

    .text-2-tab {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
    }

    .lionne-img-agence-tab {
        display: flex;
        height: 50%;
        width: 50%;
    }

    .lionne-img-agence {
        display: none;
    }

    .w-49 {
        width: 100%;
    }

    .text-2-tab-inner {
        width: 47%;
    }

    .switcher-savoir-faire {
        flex-wrap: revert !important;
    }

    .savoir-faire-switcher p.mb-0,
    .savoir-faire-switcher-img {
        width: 100% !important;
    }

    .savoir-faire-switcher p.mb-0 {
        padding: 0 13px;
    }

    .savoir-faire-switcher-img {
        margin-bottom: 29px;
    }

    .switcher-savoir-faire .uk-first-column {
        width: 80% !important;
    }

    .switcher-savoir-faire ul.uk-nav {
        justify-content: flex-start !important;
    }

    .savoir-faire-switcher {
        flex-direction: column-reverse;
        padding: 15px 15px 28px;
        height: auto;
    }

    .img-equipe {
        margin-top: 38px;
    }

    .img-crea-srv-inner-tab {
        width: 50%;
        height: 50%;
    }

    .qcqc-section .mb-29 {
        margin-bottom: 37px;
    }

    #sp-lastest-article-blog .latest-post-content-wrap {
        width: 100% !important;
    }

    #sp-header .sp-megamenu-wrapper .sp-megamenu-parent {
        display: none !important;
    }

    .img-crea-srv-inner {
        display: none;
    }

    .layout-blog #sp-main-body {
      margin-top: 46px;
      padding: 0 60px 100px !important;
    }

    .layout-blog .blog .article-view-list .col-lg-12 {
        max-width: 285px;
    }

    .layout-blog #sp-main-body {
        padding: 0 0 60px !important;
    }

    .last-banner-blog .banner-bloc {
        gap: 35px !important;
        margin-top: 42px !important;
    }

    .mt-200 {
        margin-top: 160px !important;
    }

    .blog-page.view-article #sp-blog-banniere-offre .banner-article-blog {
        margin: 0;
    }

    .blog-page.view-article #sp-blog-banniere-offre .banner-article-blog .mb-20 {
        margin-bottom: 45px;
    }

    .latestnews-item {
        flex-direction: column;
        padding: 57px 70px 53px !important;
    }

    .search-blog {
        padding: 45px 70px 0;
    }

    .latestnews {
        background-image: none !important;
    }

    #sp-lastest-article-blog .article-list-img {
        padding: 0 !important;
        padding-top: 61px !important;
        max-width: 75% !important;
        margin: 0 auto;
    }

    .blog-masonry > div {
        max-width: 285px !important;
    }

    .att-contact {
        max-width: 100%;
        padding: 59px 78px 42px;
        margin-bottom: 69px;
    }
}

@media (max-width: 768px) {
    .logo-image {
        height: 64px !important;
    }

    .switcher-savoir-faire-mob li .uk-accordion-content {
        margin-bottom: 36px !important;
    }

    .my-36 {
        margin: 36px 0;
    }

    .switcher-nos-offres-inner {
        padding: 27px 34px 44px;
    }

    .switcher-nos-offres-inner .grid-switcher-offres {
        row-gap: 38px;
        column-gap: 30px;
    }

    .img-crea-srv-inner {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .container {
        max-width: none;
        width: auto;
        margin: 0 !important;
    }

    #sp-footer .container {
        max-width: none;
        width: auto;
        margin: 0 !important;
        padding: 0 40px 40px;
    }
    
    .card-nos-offres {
        padding: 9px 9px 27px;
        gap: 15px;
    }

    #sp-footer {
        padding: 0;
    }

    .blog-page.view-article #sp-blog-article-relation .module-container-latestnews {
        flex-direction: column;
    }

    .last-banner-blog {
        padding: 56px 37px 70px !important;
    }

    .banner-article-blog.bg-sweet-white .banner-article-blog-txt {
        margin-left: 0;
    }

    .banner-article-blog,
    .banner-article-blog.bg-sweet-white {
        margin: 0 36px !important;
    }

    .blog-page.view-article #sp-blog-article-relation .module-container-latestnews a {
        margin-bottom: 68px;
    }

    .blog-page.view-article #sp-blog-article-relation .module-container-latestnews a .module-latest-post-title {
        padding-left: 0;
        padding-right: 0;
    }

    .blog-page.view-article .module-container-latestnews a {
        width: 100%;
    }

    .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
        margin: 0 45px;
    }

    .blog-page.view-article #sp-blog-article-relation .module-container-latestnews a:last-child {
        display: flex;
    }

    .offcanvas-menu .logo-image {
        height: 100px !important;
    }

    .px-60 {
        padding: 0;
    }

    .blog-page.view-article .com-content-article__body.sweet-white-section-dark-ashes {
        padding: 57px 36px 59px !important;
    }

    .blog-page.layout-blog.view-article #sp-main-body .header-article-blog-inner {
        padding: 85px 36px 39px !important;
    }

    .dull-sand-section.bg-dull-sand {
        padding: 46px 37px 85px;
    }

    .header-article-blog-inner {
        padding: 80px 36px 74px !important;
    }

    .link-rea {
        padding: 58px 37px 75px !important;
    }

    .card-historique img.ml-40,
    .card-nos-offres img.ml-40 {
        margin: 0;
    }

    .contact-footer {
        margin: 37px 0 31px;
    }

    .cal {
        right: -15px !important;
    }

    .cal a {
        width: 70%;
        height: auto;
    }

    .card-historique-first,
    .card-nos-offres-first {
        margin-top: 50px;
    }

    .mr-sm-44 {
        margin-right: 0;
    }

    .mt-sm-49 {
        margin-top: 0;
    }

    .switcher-ambitions,
    .switcher-ambition-tab-mob .switcher-ambitions {
        gap: 56px;
        flex-direction: column;
    }

    .reponses-card {
        max-width: -webkit-fill-available;
    }

    .ref-masonry {
        display: block;
        margin-top: 58px;
    }

    .ref-masonry > div:nth-child(even),
    .ref-masonry-agence > div:nth-child(even),
    .card-agence-tab:last-child,
    .ref-masonry-agence > div:last-child {
        margin-top: 42px;
    }

    .layout-blog .blog .article-view-list .col-lg-12 {
        max-width: 340px;
    }
    
    .card-agence-tab {
        width: 100%;
    }

    .lionne-img-agence {
        display: flex;
    }

    .lionne-img-agence-tab {
        display: none;
    }

    .text-2-tab-inner {
        width: 100%;
        margin-bottom: 0;
    }

    .text-2-tab-inner .mb-50 {
        margin-bottom: 37px;
    }

    .img-equipe {
        margin-top: 47px;
    }
    
    .card-historique {
        padding: 8px 12px 14px;
    }

    .w-40 {
        width: 100%;
    }

    .w-50 {
        width: 100% !important;
    }

    .switcher-nos-offres-inner .grid-switcher-offres {
        row-gap: 22px;
        column-gap: 0;
        grid-template-columns: repeat(1, 1fr);
    }

    .grid-offres-links {
        grid-template-columns: repeat(1, 1fr);
    }

    .qcqc-section {
        flex-direction: column;
        gap: 38px;
    }

    .img-crea-srv-inner {
        display: flex;
    }

    .img-crea-srv-inner-tab {
        display: none;
    }

    .qcqc-section .mb-29 {
        margin-bottom: 29px;
    }

    .ref-masonry {
      flex-direction: column;
    }

    .ref-masonry > div {
      margin-top: 20px !important;
    }

    .blog-masonry > div {
      margin-top: 56px !important;
    }

    .layout-blog #sp-main-body {
        padding-top: 45px;
    }

    section#sp-tags-realisations {
        padding: 42px 38px 0 !important;
    }

    #sp-header-realisations {
        padding: 0 38px;
    }

    .ref-masonry {
        padding: 0 38px 100px !important;
    }

    .mt-200 {
        margin-top: 150px !important;
    }

    .latestnews-item {
        padding: 77px 36px 47px !important;
    }

    .search-blog {
        padding: 32px 20px 0 !important;
    }

    #sp-lastest-article-blog .article-list-img {
        max-width: 100% !important;
    }

    .att-contact {
        padding: 33px 25px 77px;
    }

    form.mod-finder.js-finder-searchform.form-search {
        padding-bottom: 0 !important;
    }

    .search-blog {
        padding: 0 20px 9px !important;
    }

    .griffe-white-img {
        width: 75%;
    }

    form.mod-finder.js-finder-searchform.form-search {
        border: none !important;
        justify-content: flex-start !important;
    }

    .blog-masonry > div {
        max-width: 100% !important;
    }

    .layout-blog.itemid-170 #sp-main-body {
        display: block !important;
    }
}

@media (min-width: 993px) {
    a#offcanvas-toggler {
        margin-left: 0 !important;
    }

    .card-nos-offres .col-6 {
        padding: 30px 10px;
    }
    
    .card-nos-offres {
        max-width: 1100px;
        justify-content: space-between;
        margin: 0 auto;
    }

    .uk-scope .uk-subnav>* {
        text-align: center;
    }

    .lionne-img-agence-tab {
        display: none;
    }
    
    .switcher-ambitions {
        height: 450px;
    }

    .img-crea-srv-inner-tab {
        display: none;
    }

    .ref-masonry,
    section#sp-tags-realisations {
      padding: 53px 38px 0;
    }
}

@media (min-width: 1200px) {
    .switcher-ambitions {
        height: 400px;
    }

    .offres-laptop img.visuel,
    .visuel-srv {
        height: 150px !important;
    }

    .offres-laptop .col-3.ml-20 {
        width: 33% !important;
    }

    .offres-card, .offres-card-srv,
    .offres-card-hover, .offres-card-hover-srv {
        height: 150px !important;
        width: 350px;
    }

    .offres-laptop .l-70 {
        left: 40px;
    }

    .img-1280 {
        display: flex;
    }

    .no-img-1280 {
        display: none;
    }

    .ref-masonry {
        padding: 0 250px 100px !important;
    }
}

@media (min-width: 1400px) {
    .switcher-ambitions {
        height: 360px;
    }

    .ref-masonry {
        padding: 0 300px 100px !important;
    }

    .offres-laptop img.visuel,
    .visuel-srv {
        height: 180px !important;
    }

    .offres-card, .offres-card-srv,
    .offres-card-hover, .offres-card-hover-srv {
        height: 180px !important;
        width: 400px;
    }

    .offres-laptop .col-3.ml-20 {
        width: 25% !important;
    }

    .img-1280 {
        display: none;
    }

    .no-img-1280 {
        display: flex;
    }

    .sppb-row-container,
    .last-banner-blog-inner,
    .link-rea-inner {
        max-width: 1320px;
    }
}

@media (min-width: 1500px) {
    .griffe-container {
        width: 60%;
        margin: 0 auto;
    }

    .lionne-accueil {
        width: 50%;
        margin: 0 auto;
    }

    .offres-laptop {
        max-width: 1440px;
        margin: 0 auto;
    }

    .offres-laptop .col-xl-4 {
        width: 35%;
    }

    .offres-laptop .col-3.ml-20 {
        width: 33%;
    }
}

.cal {
    position: fixed;
    right: 63px;
    bottom: 30vh;
    z-index: 10;
}

.cal a {
    padding: 0;
}

section#sp-dernier-article-blog .container,
section#sp-bandeau-elisa-offres .container {
    max-width: 100% !important;
}

#sp-bandeau-elisa-offres {
    padding: 0;
}

/* réalisations */
.layout-blog #sp-main-body {
    margin: 0 !important;
    padding: 62px 0 100px;
    background-color: var(--sweet-white);
    display: flex;
    justify-content: center;
}

#sp-rea-links {
    padding: 0;
}

.link-rea {
    padding: 100px 180px 110px;
}

.link-rea a {
    border-bottom: 1px solid var(--sweet-white);
}

.link-rea h3 {
    color: var(--sweet-white);
}

div#sp-header-realisation {
    padding: 0;
}

.layout-blog .blog .articles-more {
    display: none;
}

.layout-blog .blog .article-view-list .col-lg-12 {
    padding: 14px 14px 28px;
    background-color: var(--beige-two);
    border-radius: 13px;
    height: 100%;
}

.layout-blog .blog .article-view-list .col-lg-12:hover {
    background-color: var(--neon-blue);
}

.blog-masonry .article-header h2 a:hover::after {
    background-image: url(/images/hp/acc-icone-fleche-bleu-hover.svg);
    margin-bottom: 2px;
    margin-right: 3px;
}

.layout-blog .article-list .ref-masonry .article {
    margin-bottom: 0;
}

.rea .article {
    background-color: var(--beige-two);
    padding: 14px;
    border-radius: 13px;
}

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

.ref-masonry > div:nth-child(even) {
  margin-top: 125px;
}

.ref-masonry.rea > div:nth-child(even),
.ref-masonry.blog-masonry > div:nth-child(odd) {
    margin-top: 140px;
}

.ref-masonry.rea > div:nth-child(odd),
.ref-masonry.blog-masonry > div:nth-child(even) {
    margin-top: -75px;
}

.ref-masonry > div {
  max-width: 350px;
  padding: revert;
}

.ref-masonry {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 300px 100px;
  max-width: 1500px;
  margin: 0 auto;
}

.ref-masonry.rea,
.ref-masonry.blog-masonry {
    margin-top: 75px;
}

section#sp-tags-realisations {
    padding: 51px 285px 0;
    margin: 0 auto;
}

section#sp-tags-realisations .container {
    max-width: 1500px;
}

.tags>li a {
    position: absolute;
    top: -65px;
    left: 20px;
}

.tag-module {
    position: relative;
    top: -110px;
    height: 0;
}

a.tag-article:hover {
    background-color: var(--neon-blue);
    cursor: pointer;
}

.no-date .tags.mb-4 {
    margin-bottom: 0 !important;
}

.blog-page .tag-article {
    width: max-content !important;
}

.blog-page .module-latest-post-title a {
    flex-direction: column;
}

.tags>li a,
.blog-page .tag-article,
.tag-module .tag-article,
#sp-tags-realisations .menu li a,
.blog-page.layout-blog.view-article .tags>li a {
    background: var(--dark-ashes) !important;
    color: var(--white);
    padding: 6px 8px;
    border-radius: 3px;
    font-family: 'Sherika';
    font-size: 14px !important;
    font-weight: 500;
}

.blog-page.layout-blog.view-article .tags>li a {
    background: var(--sweet-white);
    color: var(--dark-ashes);
}

#sp-tags-realisations .menu li a {
    background: var(--dark-ashes);
    color: var(--white);
    padding: 6px 8px;
    border-radius: 3px;
    font-family: 'Sherika';
    font-size: 14px !important;
    font-weight: 500;
}

#sp-tags-realisations .menu {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

#sp-tags-realisations {
    padding: 0;
}

.view-category .article-list .ref-masonry .article .article-body {
    padding: 0 14px 14px !important;
    position: relative;
}

.view-category.layout-blog .article-list .rea .article:hover {
    background-color: var(--neon-blue);
}

.view-category.layout-blog .article-list .rea .article:hover h2 a {
    color: var(--sweet-white);
}

.view-category.layout-blog .article-list .rea .article:hover h2 a::after {
    background-image: url(/images/hp/arrow-beige.svg);
}

.view-category.layout-blog .article-list .rea .article:hover p {
    color: var(--dull-sand) !important;
}

.view-category .article-list .article .article-body .article-header h2 a:hover {
    background-size: 0;
}

.view-category .article-list .article .article-body .article-header h2 {
    display: flex;
    justify-content: space-between;
}

.view-category .article-list .no-date .article .article-body .article-info span {
    display: none !important;
}

.layout-blog .blog .article-view-list .col-lg-12:hover .article-header h2 a::after {
    content: "";
    background-image: url(/images/hp/acc-icone-fleche-rouge.svg);
    display: inline-block;
    width: 37px;
    height: 37px;
    margin-left: 10px;
}

.layout-blog .blog .article-view-list .col-lg-12:hover .article-header h2 a,
.layout-blog .blog .article-view-list .col-lg-12:hover .article-introtext p {
    color: var(--sweet-white) !important;
}

.view-category .article-list .blog-masonry .article .article-body .article-header h2:hover a {
    background-size: 0;
    color: var(--neon-blue);
}

body.layout-blog {
    background-color: var(--sweet-white);
}

body.layout-blog.blog-page {
    background-color: var(--dark-ashes);
}

body.layout-blog.blog-page #sp-blog-banniere-offre {
    border-radius: 0;
}

body.layout-blog.blog-page #sp-blog-banniere-offre .container,
body.layout-blog.blog-page #sp-blog-article-relation .container {
    padding: 0;
    max-width: 100%;
}

#sp-header-realisations,
#sp-header-blog {
    background-color: var(--dark-ashes);
}

#sp-header-blog {
    height: 91px;
    border-radius: 0;
}

.module-latestnews-item {
    background-color: var(--beige-two);
    border-radius: 13px;
    min-width: 315px;
    margin: 0 10px;
    padding: 14px;
}

.module-latestnews-item:first-child {
    margin: 0 10px 0 0;
}

.module-container-latestnews {
    display: flex;
    justify-content: space-between;
}

.blog-page.view-article #sp-blog-article-relation .module-latestnews-item .module-latest-post-title p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.blog-page.view-article #sp-blog-article-relation .module-latestnews-item .module-latest-post-title p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    color: var(--dark-ashes) !important;
}

.module-latest-post-title {
    padding: 27px 14px 14px;
}

.module-latest-post-title p {
    margin: 0;
}

.module-latestnews .module-title {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 11px;
}

.article-header h2 {
    width: 100% !important;
    margin-top: 15px;
}

.blog-page.view-article #sp-blog-article-relation .module-container-latestnews .tag-module a {
    position: relative;
    top: -45px;
}

.article-header h2 a,
.blog-masonry .article-header h2 a {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.blog-masonry .article-header h2 a {
    height: 37px;
}

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

.layout-blog #sp-main-body .container,
.layout-blog #sp-main-body .container #sp-component {
    margin: 0;
    padding: 0;
    max-width: 100%;
}

.layout-blog #sp-header-realisations {
    border-radius: 0;
}

.article-introtext p {
    margin-bottom: 0;
}

.blog-masonry > div:nth-child(odd) {
    margin-top: 95px
}

.blog-masonry > div:first-child {
    display: none;
}

.blog-masonry > div:nth-child(even) {
    margin-top: 0;
}

.blog-masonry > div:nth-child(2) {
    margin-top: 0 !important;
}

.latestnews-item {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1500px;
    padding: 0 119px 0 130px;
}

.search-blog {
    padding: 67px 117px 0;
    background-color: var(--sweet-white);
}

.blog-page.view-category #sp-main-body {
    border-radius: 0;
}

.latestnews {
    background-image: url("/images/hp/acc-image-lionne-blog.webp");
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 1000px;
    background-color: var(--dark-ashes);
}

#sp-lastest-article-blog {
    padding: 0;
}

#sp-lastest-article-blog .latest-post-content-wrap .btncdl a.folium-news-title {
    display: none;
}

#sp-lastest-article-blog .article-list-img {
    padding: 86px 0 74px;
    max-width: 40%;
}

#sp-lastest-article-blog .latest-post-content-wrap {
    display: flex;
    align-items: center;
    width: 50%;
}

.module-latestnews-item h3 {
    color: var(--dark-ashes);
}

.module-latestnews-item {
    background-color: var(--beige-two);
    border-radius: 13px;
    max-width: 33%;
}

.module-latestnews-item:hover {
    background-color: var(--neon-blue);
}

.module-latestnews-item:hover h3 {
    color: var(--sweet-white);
}

.module-latestnews-item:hover p {
    color: var(--dull-sand) !important;
}

.blog-page .arrow-blue img {
    height: 37px;
}

.module-latestnews-item .module-svg-arrow {
    background: url(/images/hp/acc-icone-fleche.svg) !important;
    background-repeat: no-repeat;
    width: 30px !important;
    height: 30px !important;
}

.module-latestnews-item:hover .module-svg-arrow {
    background: url(/images/hp/arrow-beige.svg) !important;
    background-repeat: no-repeat;
    width: 30px !important;
    height: 30px !important;
}

.resume-article {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
}

#sp-lastest-article-blog .latest-post-title p {
    color: var(--dull-sand) !important;
}

form.mod-finder.js-finder-searchform.form-search {
    display: flex;
    justify-content: flex-end;
    border-bottom: 1px solid var(--vivid-red);
    padding-bottom: 15px;
}

.mod-finder__search.input-group {
    max-width: 270px;
    border: 1px solid var(--neon-blue);
    border-radius: 3px;
    padding: 10px 14px;
    height: 40px;
}

.mod-finder__search.input-group button {
    background-color: var(--sweet-white);
    border: none;
    padding: 0;
}

input#mod-finder-searchword195 {
    background-color: var(--sweet-white);
    border: none;
    padding: 0;
    height: 15px;
}

.view-category .article-list .article .article-intro-image img:hover {
    transform: none;
}

.view-category .article-list .blog-masonry .article .article-body {
    padding: 0;
    position: relative;
}

.article-info .published {
    display: flex !important;
    color: var(--vivid-red);
    margin: 0 !important;
    position: absolute;
    top: 45px;
}

.blog-masonry .article-introtext {
    margin-top: 30px;
}

.page-item:nth-child(-n+2) {
    display: none;
}

.page-item:nth-last-child(-n+2) {
    display: none;
}

.pagination-wrapper {
    margin: 0 auto;
    width: min-content !important;
}

.pagination .page-item .page-link {
    border: 1px solid var(--neon-blue);
    color: var(--neon-blue);
    font-family: 'Sherika' !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    padding: 9px 14px;
    width: 37px;
    height: 37px;
    display: flex;
    justify-content: center;
}

.pagination .page-item.active .page-link {
    background: var(--neon-blue);
    color: var(--beige-two);
}

.sphere-article-details {
    width: 97%;
    margin: 0 auto;
}

.blog-page.view-article .tags>li a {
    position: inherit;
}

.blog-page.view-article .sphere-article-details .article-details-left-sidebar .article-info span {
    display: block;
    color: var(--vivid-red);
}

.blog-page.view-article .search-blog {
    display: none;
}

.blog-page.layout-blog.view-article #sp-main-body {
    padding-top: 0;
}

.blog-page.layout-blog.view-article #sp-main-body .com-content-article {
    margin: 0 15px;
}

.blog-page.layout-blog.view-article #sp-main-body .header-article-blog {
    background-color: var(--dark-ashes);
}

.blog-page.layout-blog.view-article #sp-main-body .header-article-blog-inner {
    padding: 173px 290px 33px;
}

.blog-page.view-article .com-content-article__body.sweet-white-section-dark-ashes {
    padding: 51px 290px 100px;
}

.header-article-blog-inner a.retour {
    text-decoration: none !important;
    color: var(--sweet-white);
    -webkit-text-fill-color: var(--sweet-white);
    display: flex;
    align-items: center;
}

.tag-article-blog {
    display: flex;
    width: max-content;
    background-color: var(--sweet-white);
    color: var(--dark-ashes);
    border-radius: 3px;
    padding: 7px 8px;
    margin: 28px 0;
    font-size: 14px !important;
}

.header-article-blog-inner a .arrow-retour {
    background-image: url("/images/hp/arrow-back-beige.svg");
    background-repeat: no-repeat;
    margin-right: 10px;
    height: 15px;
    width: 15px;
}

.blog-page.layout-blog.view-article #sp-main-body .article-info {
    color: var(--vivid-red);
    display: flex;
    gap: 5px;
    font-weight: 500;
    margin-bottom: 43px;
}

.blog-page.layout-blog.view-article #sp-main-body .com-content-article__body h2,
.blog-page.layout-blog.view-article #sp-main-body .com-content-article__body h3 {
    margin: 65px 0 28px;
}

.blog-page.layout-blog.view-article .com-content-article__body ol li {
    margin-bottom: 20px;
}

.blog-page.layout-blog.view-article #sp-main-body .article-info .published{
    position: inherit;
}

.blog-page.layout-blog.view-article .com-content-article__body p {
    color: var(--mid-ashes);
}

.blog-page.layout-blog.view-article .com-content-article__body h2,
.blog-page.layout-blog.view-article .com-content-article__body h3,
.blog-page.layout-blog.view-article .com-content-article__body ol li {
    color: var(--dark-ashes);
}

.banner-article-blog,
#sp-bandeau-elisa-offres .banner-article-blog {
    padding: 15px 13px 15px 96px;
    background-color: var(--mid-ashes);
    border-radius: 14px;
    display: flex;
    margin: 0 56px;
}

#sp-bandeau-elisa-offres .banner-article-blog {
    margin: 0 130px;
}

.banner-article-blog .btncdl {
    background-color: transparent;
}

.banner-article-blog .img-banner-blog {
    width: 50%;
}

.banner-article-blog-txt {
    padding: 59px 62px 59px 0;
}

.last-banner-blog {
    padding: 89px 74px 93px;
    background-color: var(--dark-ashes);
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 15px;
}

.last-banner-blog .banner-bloc {
    margin-top: 83px;
    gap: 120px;
}

/* .sp-dropdown.sp-dropdown-main.sp-menu-right {
    display: none !important;
} */

#sp-blog-banner-offre {
    padding: 0;
}

section#sp-blog-banniere-offre {
    background: var(--sweet-white) !important;
}

.eapps-instagram-feed-posts-item {
    background: transparent;
    border: 1px solid var(--sweet-white);
    border-radius: 7px;
}

.eapps-widget-show-toolbar:hover .eapps-widget-toolbar {
    display: none;
}