:root {
    --beige: #FCF3E8;
    --green-leaf: #00BF56;
    --ocean-blue: #3369FF;
    --dark-green: #003518;
    --light-green: #B8F99B;
    --opacity-green: #E8FDE2;
    --dark-blue: #001C5B;
    --light-blue: #BBF2FF;
    --opacity-blue: #E9FBFF;
}

* {
    transition: all 0.5s;
}

.beige {
    color: var(--beige);
    -webkit-text-fill-color: var(--beige);
}

.dark-blue {
    color: var(--dark-blue);
    -webkit-text-fill-color: var(--dark-blue);
}

.dark-green {
    color: var(--dark-green);
    -webkit-text-fill-color: var(--dark-green);
}

.green-leaf {
    color: var(--green-leaf);
    -webkit-text-fill-color: var(--green-leaf);
}

.ocean-blue {
    color: var(--ocean-blue);
    -webkit-text-fill-color: var(--ocean-blue);
}

.light-green {
    color: var(--light-green);
    -webkit-text-fill-color: var(--light-green);
}

.light-blue {
    color: var(--light-blue);
    -webkit-text-fill-color: var(--light-blue);
}

.bg-light-blue {
    background-color: var(--light-blue);
}

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

.bg-ocean-blue {
    background-color: var(--ocean-blue);
}

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

.bg-green-leaf {
    background-color: var(--green-leaf);
}

.bg-light-green {
    background-color: var(--light-green);
}

body {
    background-color: var(--beige) !important;
}

h1,
h2,
.h2,
.h1 {
    font-family: "Bricolage Grotesque" !important;
    font-size: 30px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 30px !important;
    letter-spacing: -0.9px !important;
}

.h2-slogan,
p,
.p,
#sp-footer ul.menu a {
    font-family: "Rethink Sans" !important;
    font-size: 17px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 19px !important;
    letter-spacing: -0.51px !important;
}

.h3-surtitre,
.h3-surtitre h3,
h4,
.highlight {
    font-family: "Rethink Sans" !important;
    font-size: 17px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 19px !important;
    letter-spacing: -0.51px !important;
}

.h2-phrase {
    font-family: "Bricolage Grotesque" !important;
    font-size: 60px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 62px !important;
    letter-spacing: -1.8px !important;
}

h3,
.h3 {
    font-family: "Bricolage Grotesque" !important;
    font-size: 23px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 23px !important;
    letter-spacing: -0.69px !important;
}

.h3-cards,
.h4-second,
.uk-scope .uk-subnav-pill a {
    font-family: "Bricolage Grotesque" !important;
    font-size: 25px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 25px !important;
    letter-spacing: -0.75px !important;
}

.h4-footer {
    font-family: "Bricolage Grotesque" !important;
    font-size: 17px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 17px !important;
    letter-spacing: -0.51px !important;
}

p {
    margin-bottom: 0;
}

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

.p-footer,
.form-check-label {
    font-family: "Rethink Sans" !important;
    font-size: 13px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 15px !important;
    letter-spacing: -0.39px !important;
}

.pe-21 {
    padding-right: 21%;
}

/* btn */
.btn-digi,
.dgt-form,
.pagenavigation .pagination .btn-sm.btn-secondary {
    font-family: "Rethink Sans" !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 16px !important;
    letter-spacing: -0.48px !important;
    padding: 15px 20px !important;
    border-radius: 4px !important;
    width: max-content !important;
    text-transform: none !important;
}

.offcanvas-menu .offcanvas-inner .sp-module-content li a,
.offcanvas-menu .offcanvas-inner .sp-module-content,
.actu-search-bar input,
.cal-hover span {
    font-family: "Rethink Sans" !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 16px !important;
    letter-spacing: -0.48px !important;
}

/* btn blue */
.btn-blue,
.btn-blue-outline,
.btn-blue-outline-bg {
    background-color: var(--ocean-blue) !important;
    color: var(--beige) !important;
    -webkit-text-fill-color: var(--beige) !important;
}

.btn-blue-outline,
.btn-blue-outline-bg {
    border: 1px solid var(--ocean-blue);
}

.sppb-section.justify-content-between .sppb-row {
    justify-content: space-between;
}

.btn-blue-outline-bg {
    color: var(--light-blue);
    -webkit-text-fill-color: var(--light-blue) !important;
}

.btn-blue:hover {
    background-color: var(--dark-blue) !important;
    color: var(--beige) !important;
    -webkit-text-fill-color: var(--beige) !important;
}

.btn-blue-outline:hover {
    background-color: var(--beige);
    color: var(--dark-blue);
    -webkit-text-fill-color: var(--dark-blue) !important;
}

.btn-blue-outline-bg:hover {
    background-color: var(--light-blue);
    color: var(--dark-blue);
    -webkit-text-fill-color: var(--dark-blue) !important;
}

/* btn green */
.btn-green,
.btn-green-outline,
.btn-green-outline-bg-light {
    background-color: var(--green-leaf);
    color: var(--beige);
    -webkit-text-fill-color: var(--beige) !important;
}

.btn-green-outline,
.btn-green-outline-bg-light,
.btn-green-outline:hover {
    border: 1px solid var(--green-leaf);
}

.btn-green-outline:hover {
    background-color: var(--beige);
    color: var(--dark-green);
    -webkit-text-fill-color: var(--dark-green) !important;
}


.pagenavigation .pagination .btn-sm.btn-secondary {
    background-color: var(--green-leaf) !important;
    color: var(--beige) !important;
    -webkit-text-fill-color: var(--beige) !important;
    text-transform: none !important;
    border: 1px solid var(--green-leaf) !important;
}

.pagenavigation .pagination .btn-sm.btn-secondary:hover {
    background-color: var(--beige) !important;
    color: var(--dark-green) !important;
    -webkit-text-fill-color: var(--dark-green) !important;
    border: 1px solid var(--green-leaf) !important;
}

.pagenavigation .pagination .btn-sm.btn-secondary .icon-chevron-left,
.pagenavigation .pagination .btn-sm.btn-secondary .icon-chevron-right {
    display: none;
}

.btn-green-outline-bg-medium {
    background-color: var(--light-green);
    color: var(--dark-green);
    -webkit-text-fill-color: var(--dark-green) !important;
}

.btn-green-outline-bg-medium:hover {
    background-color: var(--green-leaf);
}

.btn-green-outline-bg-dark {
    border: 1px solid var(--light-green);
}

.btn-green-outline-bg-dark:hover {
    background-color: var(--dark-green);
    color: var(--beige) !important;
    -webkit-text-fill-color: var(--beige) !important;
}

.btn-green-outline-bg-medium {
    border: 1px solid var(--light-green);
}

.btn-green:hover,
.btn-green-outline-bg-dark,
.btn-green-outline-bg-light:hover {
    background-color: var(--light-green);
    color: var(--dark-green) !important;
    -webkit-text-fill-color: var(--dark-green) !important;
}

.w-101 {
    width: 101%;
}

.h-min-content {
    height: min-content !important;
}

.carousel-inner {
    touch-action: pan-y;
}

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

.offcanvas-menu {
    background: var(--dark-green);
}

li.sp-menu-item a.btn-digi.btn-green-outline-bg-dark {
    height: 46px;
    display: flex;
    padding: 15px 20px !important;
    align-items: center;
    margin-left: 20px;
    font-weight: 600;
}

.sp-megamenu-parent>li.active>a:before, 
.sp-megamenu-parent>li.active>span:before {
    visibility: hidden;
    opacity: 0;
    display: none;
}

.sp-megamenu-parent>li>a {
    color: var(--beige);
}

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

#sp-footer1 .border-top-ocean-blue .sppb-row-container {
    border-top: 1px solid var(--ocean-blue);
    padding-top: 27px;
}

#sp-footer1 .border-top-ocean-blue p {
    font-family: "Rethink Sans" !important;
    font-size: 13px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 19px !important;
    letter-spacing: -0.39px !important;
}

.offcanvas-overlay {
    background: var(--dark-green);
}

#sp-header {
    background-color: transparent !important;
}

#sp-header .container-fluid {
    width: 100%;
    background-color: var(--dark-green);
    border-radius: 0 0 10px 10px;
    border: 1px solid var(--beige);
    border-top: none;
}

#sp-logo {
    padding-left: 40px;
}

#sp-menu {
    padding-right: 15px;
    padding-left: 0;
}

#sp-menu .social-wrap {
    padding: 0;
}

#sp-menu.menu-center .sp-megamenu-wrapper {
    justify-content: flex-end;
}

#sp-footer1 .menu .btn-digi,
#sp-footer1 .menu .btn-digi:hover,
#sp-footer1 .menu .btn-green-outline-bg-dark,
#sp-footer1 .menu .btn-green-outline-bg-dark:hover {    
    padding: 0 !important;
    color: var(--dark-green) !important;
    font-weight: normal !important;
    cursor: pointer !important;
    border: none !important;
    background-color: transparent !important;
}

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

#sp-footer ul.menu a {
    color: var(--dark-green);
}

#sp-footer ul.menu li {
    padding: 10px 0;
}

#sp-footer ul.menu li:first-child {
    padding-top: 0px;
}

#sp-footer ul.menu li:last-child {
    padding-bottom: 0px;
}

#sp-footer ul.menu a:hover,
#sp-footer1 .menu .btn-green-outline-bg-dark:hover {
    color: var(--green-leaf) !important;
    -webkit-text-fill-color: var(--green-leaf) !important;
}

#sp-footer1 .cards-dark-footer .h4-footer,
#sp-footer1 .cards-light-footer .h4-footer {
    max-width: 60%;
}

#sp-footer1 .cards-dark-footer,
#sp-footer1 .cards-light-footer {
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    flex-shrink: 0;
    padding: 25px 15px 15px 25px;
}

#sp-footer1 .cards-dark-footer {
    background-color: var(--dark-green);
}

#sp-footer1 .cards-light-footer {
    background-color: var(--light-green);
}

#sp-footer1 .arrow-footer {
    width: max-content;
}

.acc-header .me-25 p,
.acc-header .pe-21 p {
    margin: 20px 0 30px;
}

.acc-header .btn-blue.btn-digi {
    margin-bottom: 33px;
}

.acc-header .acc-card-light-green,
.acc-header .acc-card-dark-green {
    padding: 25px;
    border-radius: 10px;
    /* width: 49%; */
    background-repeat: no-repeat;
    background-position-x: right;
    display: none;
    align-items: flex-end;
}

.acc-header .acc-card-light-green,
.acc-header .digitabilis-card-light-green {
    background-color: var(--light-green);
    background-image: url(/images/hp/logo-light-green.svg);
}

.acc-header .acc-card-dark-green {
    background-color: var(--dark-green);
    background-image: url(/images/hp/logo-dark-green.svg);
}

.acc-header .cont-card-green-leaf {
    background-color: var(--green-leaf);
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.acc-header .cont-card-dark-blue {
    background-color: var(--dark-blue);
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.acc-header .cont-card-dark-green {
    background-color: var(--dark-green);
    background-image: url(/images/hp/logo-dark-green.svg);
    flex-direction: column;
    align-items: start;
    justify-content: end;
}

.acc-header .cont-card-ocean-blue {
    background-color: var(--ocean-blue);
    background-image: url(/images/hp/logo-ocean-blue.svg);
    flex-direction: column;
    align-items: start;
    justify-content: end;
}

.acc-card-flex {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-right: 25px;
    grid-gap: 15px;
    margin-right: 25px;
}

.acc-firsts-card, 
.acc-seconds-card,
.acc-adrien-card,
.cont-saint-contest-card {
    position: relative;
    width: 100%;
    height: 222px;
}

.card-skin.active {
    opacity: 1;
}

.double-card-main-skin.double-card-services h2 {
    width: 75%;
}

.acc-header .card-skin,
.acc-adrien-cards .card-skin,
.cont-saint-contest-cards .card-skin {
    padding: 25px;
    border-radius: 10px;
    height: 222px;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.logo-dark-green,
.logo-green-leaf,
.logo-dark-blue,
.logo-light-green,
.logo-ocean-blue,
.srv-logo-dark-blue,
.srv-logo-dark-green,
.srv-logo-green-leaf,
.srv-logo-light-green {
    background-position: right;
    background-repeat: no-repeat;
}

.srv-logo-dark-blue,
.srv-logo-dark-green,
.srv-logo-green-leaf,
.srv-logo-light-green {
    background-size: contain;
}

.srv-logo-dark-green {
    background-image: url("/images/hp/srv-logo-dark-green.svg");
}

.srv-logo-dark-blue {
    background-image: url("/images/hp/srv-logo-dark-blue.svg");
}

.srv-logo-green-leaf {
    background-image: url("/images/hp/srv-logo-green-leaf.svg");
}

.srv-logo-light-green {
    background-image: url("/images/hp/srv-logo-light-green.svg");
}

.logo-dark-green {
    background-image: url("/images/hp/actu-bg-cards-dark-green.svg");
}

.logo-green-leaf {
    background-image: url("/images/hp/actu-bg-cards-green-leaf.svg");
    background-position: revert;
}

.logo-dark-blue {
    background-image: url("/images/hp/actu-bg-cards-dark-blue.svg");
}

.logo-ocean-blue {
    background-image: url("/images/hp/actu-bg-cards-ocean-blue.svg");
}

.logo-light-green {
    background-image: url("/images/hp/actu-bg-cards-light-green.svg");
}

.actu-search-bar input[type="search"]::placeholder {
    color: var(--beige);
    opacity: 1 !important;
}

.actu-search-bar input[type="search"] {
    padding: 0;
    border: none;
}

.actu-search-bar {
    background-color: var(--green-leaf);
    padding: 15px 20px;
    border-radius: 4px;
}

.acc-adrien-cards .card-skin,
.cont-saint-contest-card .card-skin {
    height: 185px;
}

.acc-header .digitabilis-card-green-leaf,
.acc-header .digitabilis-card-light-green,
.nos-srvc-card-1,
.nos-srvc-card-2 {
    display: none;
    align-items: end;
    justify-content: start;
}

.acc-header .digitabilis-card-green-leaf.active,
.acc-header .digitabilis-card-light-green.active,
.nos-srvc-card-1.active,
.nos-srvc-card-2.active {
    display: flex;
    opacity: 1;
}


.card-flip {
    position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: transform 1s;
}

.card-flip .front,
.card-flip .back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    top: 0;
    left: 0;
    opacity: revert !important;
    display: revert !important;
}

.card-flip .back {
    transform: rotateY(180deg);
}

.card-flip.flip {
    transform: rotateY(180deg);
}

.h-222 {
    height: 222px;
}

.h-185 {
    height: 185px;
}

.nos-srvc-card-1 {
    z-index: 1;
}

.nos-srvc-card-1.active {
    z-index: 5;
}

.nos-srvc-card-2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.acc-header .acc-card-light-blue {
    background-color: var(--light-blue);
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.acc-header .acc-card-green-leaf,
.acc-header .digitabilis-card-green-leaf {
    background-color: var(--green-leaf);
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.acc-header .acc-card-green-leaf p,
.acc-header .digitabilis-card-green-leaf p,
.acc-header .acc-card-light-blue p {
    margin: 25px 0 5px;
}

.acc-card-blue {
    padding: 27px 30px;
    background-color: var(--ocean-blue);
    border-radius: 8px;
    max-width: 84%;
    left: -18%;
    top: 3%;
    position: absolute;
    z-index: 2;
}

img.acc-header-img {
    position: relative;
    max-width: 122%;
    right: 22%;
}    

.contact-section-info {
    padding: 35px 30px;
}

.contact-section-info p {
    margin-bottom: 15px;
}

.contact-section-info .h3-cards {
    margin-bottom: 40px;
}

#sp-header.full-header {
    padding-left: 0;
    padding-right: 0;
}

#sp-header .container-fluid .align-items-center {
    justify-content: space-between;
}

.offcanvas-inner {
    margin: 0 auto;
    padding: 0 !important;
}

#sp-header .container-fluid,
.sppb-row-container,
.offcanvas-inner {
    max-width: 342px;
}

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

.acc-bloc-carrousel {
    background-color: var(--beige);
    border-radius: 10px;
    padding: 40px 50px 40px 40px;
    display: flex;
    justify-content: space-between;
}

.acc-bloc-carrousel p {
    margin-bottom: 0;
    margin-left: 24px;
}

.w-55-cards-texte {
    margin-left: 50px;
}

.acc-bloc-carrousel .w-55-cards-texte .d-flex {
    margin-bottom: 25px;
}

.acc-bloc-carrousel .w-55-cards-texte h3 {
    margin-bottom: 35px;
}

.acc-bloc-carrousel .acc-carrousel-btn {
    position: absolute;
    bottom: 2%;
    right: 2%;
}

.acc-bloc-carrousel .acc-card-green {
    background-color: var(--green-leaf);
    padding: 27px;
    border-radius: 10px;
    position: absolute;
    top: 2%;
    left: 2%;
}

.carousel .carousel-indicators {
    margin: 0;
    bottom: -35px;
    right: initial;
}

.carousel-item img {
    width: initial;
}

.carousel .carousel-indicators li.active {
    background: var(--light-green);
    border: none;
}

#carouselAccSecond.carousel .carousel-indicators li.active {
    background: var(--dark-green);
}

#carouselAccSecond.carousel .carousel-indicators.light li.active,
#carouselAccSecond.carousel .carousel-indicators li {
    background: var(--green-leaf);
}

.carousel .carousel-indicators li {
    border-radius: 50%;
    height: 10px;
    width: 10px;
    background: var(--green-leaf);
    border: none;
}

.carousel .carousel-indicators.dark li,
#carouselAccSecond.carousel.nos-srvc .carousel-indicators li.active {
    background-color: var(--green-leaf);
}

.carousel .carousel-indicators.dark li.active {
    background-color: var(--dark-green);
}

.carousel-control-next, .carousel-control-prev {
    opacity: 1 !important;
    top: initial !important;
    bottom: -40px !important;
    justify-content: flex-end !important;
}

.carousel-control-prev {
    right: 35px !important;
    left: initial !important;
}

.carousel-control-prev-icon,
.carousel-control-prev-icon.dark,
#carouselAccSecond.carousel.nos-srvc .carousel-control-prev-icon {
    background-image: url(/images/hp/left-arrow.svg) !important;
    width: 26px !important;
    height: 26px !important;
}

.carousel-control-next-icon,
.carousel-control-next-icon.dark,
#carouselAccSecond.carousel.nos-srvc .carousel-control-next-icon {
    background-image: url(/images/hp/right-arrow.svg) !important;
    width: 26px !important;
    height: 26px !important;
}

.carousel-control-prev-icon.dark {
    background-image: url(/images/hp/dark-green-arrow-left.svg) !important;
}

.carousel-control-next-icon.dark {
    background-image: url(/images/hp/dark-green-arrow-right.svg) !important;
}

#carouselAccSecond.carousel .carousel-control-prev-icon {
    background-image: url(/images/hp/dark-green-arrow-left.svg) !important;
}

#carouselAccSecond.carousel .carousel-control-next-icon {
    background-image: url(/images/hp/dark-green-arrow-right.svg) !important;
}

.bandeau-bg-light-green .bandeau-green {
    background-color: var(--light-green);
    border-radius: 10px;
    padding: 20px 20px 20px 60px;
    display: flex;
    justify-content: space-between;
}

.bandeau-bg-leaf-green .bandeau-green-leaf {
    background-color: var(--green-leaf);
    border-radius: 10px;
    padding: 20px 20px 20px 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bandeau-bg-light-blue .bandeau-light-blue {
    background-color: var(--light-blue);
    border-radius: 10px;
    padding: 20px 20px 20px 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bandeau-bg-light-green .bandeau-texte {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.bandeau-bg-light-green .bandeau-texte h3,
.bandeau-bg-light-blue .bandeau-texte h3,
.bandeau-bg-leaf-green .bandeau-texte h3 {
    margin: 10px 0 30px;
}




/* ADRIEN AVANT */
.acc-adrien h2 {
    margin-bottom: 20px;
}

.acc-adrien .acc-adrien-btn .btn-blue {
    margin-right: 20px;
}

.acc-adrien .acc-adrien-btn,
.cont-saint-contest .acc-adrien-btn {
    margin-top: 30px;
}

.acc-adrien p {
    width: 85%;
}

.acc-adrien-cards,
.cont-saint-contest-cards {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 15px;
    margin-top: 20px;
}

.srv-expert-cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.acc-adrien-card .card-blue-main h3,
.acc-adrien-card .card-green-light-main h3,
.cont-saint-contest-cards .card-green-light-main h3,
.cont-saint-contest-cards .card-green-light-text h3 {
    margin-top: 25px;
}

.card-blue-main, 
.card-blue-text,
.card-green-dark-main,
.card-green-dark-text,
.card-ocean-blue-main,
.card-ocean-blue-text,
.card-green-light-main,
.card-green-light-text {
    padding: 25px;
    display: flex;
    border-radius: 10px;
    height: 185px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.card-blue-main {
    background-color: var(--dark-blue);
}

.cont-saint-contest-cards .card-blue-text {
    background-image: none;
    justify-content: flex-end;
    align-items: start;
}

.cont-saint-contest-cards .card-green-dark-main,
.cont-saint-contest-cards .card-green-dark-text,
.cont-saint-contest-cards .card-green-light-main,
.cont-saint-contest-cards .card-green-light-text {
    background-image: none;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.cont-saint-contest-cards .card-green-dark-text {
    background-color: var(--green-leaf);
}

.cont-saint-contest-cards .card-green-light-text {
    background-color: var(--dark-green);
}

.cont-saint-contest-cards .card-green-dark-main h3,
.cont-saint-contest-cards .card-green-dark-text h3 {
    width: 70%;
}

.cont-saint-contest-cards .card-blue-main {
    background-color: var(--dark-blue);
    background-image: url(/images/hp/logo-bleu-fonce.svg);
    background-repeat: no-repeat;
    background-size: contain;
    justify-content: flex-end;
    align-items: start;
}

.card-blue-text {
    background-color: var(--light-blue);
    background-image: url(/images/hp/light-logo-bg.svg);
    background-repeat: no-repeat;
    background-position: right;
    justify-content: flex-end;
}

.card-green-dark-main {
    background-color: var(--dark-green);
    background-image: url("/images/hp/acc-proximite.png");
    background-repeat: no-repeat;
    background-size: contain;
    justify-content: flex-end;
    align-items: start;
    padding: 17px;
}

.card-green-dark-text {
    background-image: url("/images/hp/card-bg-vert-fonce.svg");
    background-repeat: no-repeat;
    background-size: contain;
    justify-content: flex-start;
    background-color: var(--light-green);
}

.nos-srvc-card-1 h3 {
    position: absolute;
    bottom: 25px;
}

.container-srv-card-2 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 235px !important;
    transform: translate(-50%, -50%);
}

.nos-srvc-card-1, .nos-srvc-card-2 {
    display: revert !important;
}

.acc-adrien-cards .card-green-dark-main h3,
.cont-saint-contest-cards .card-green-dark-main h3 {
    margin-bottom: 0;
}

.card-ocean-blue-main {
    background-color: var(--ocean-blue);
    justify-content: start;
    align-items: start;
    background-image: url("/images/hp/logo-bleu.svg");
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
}

.card-ocean-blue-text {
    background-color: var(--dark-blue);
    justify-content: start;
    align-items: start;
    background-image: url("/images/hp/logo-bleu.svg");
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
}

.card-green-light-main {
    background-color: var(--light-green);
}

.card-green-light-text {
    background-color: var(--green-leaf);
    background-image: url("/images/hp/logo-vert-fonce.svg");
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;    
    justify-content: flex-end;
    align-items: start;
}

.section-carrousel-chiffre .uk-scope .uk-flex-left {
    justify-content: flex-end;
}

.section-carrousel-chiffre .uk-scope .uk-subnav-pill>.uk-active>a,
.section-carrousel-chiffre .uk-scope .uk-subnav-pill>.uk-active>a:hover {
    background-color: var(--beige);
    color: var(--green-leaf);
}

.section-carrousel-chiffre .uk-scope .uk-subnav-pill>*>a:hover {
    background-color: var(--beige);
    color: var(--dark-green);
}

.section-carrousel-chiffre .uk-scope .uk-subnav-pill a {
    color: var(--dark-green);
    width: 58px;
    height: 58px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
}

.section-carrousel-chiffre.light-bg .uk-scope .uk-subnav-pill a {
    color: var(--light-green);
}

.vos-comptes.bg-light-blue {
    padding: 40px 40px 40px 75px;
    display: flex;
    justify-content: center;
    height: 100%;
    border-radius: 10px;
    color: var(--dark-blue);
}

.acc-bloc-2nd-carrousel.carrousel-chiffre.light-bg {
    height: 590px;
    padding: 40px 40px 40px 75px;
}

.acc-bloc-2nd-carrousel.carrousel-chiffre.light-bg .text {
    padding: 40px 0 20px;
}

.vos-comptes.bg-light-blue .text {
    padding: 25px 0;
}

.card-light-green-chiffre,
.card-beige-chiffre {
    background-color: var(--light-green);
    padding: 0 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    border-radius: 10px;
}

.acc-bloc-2nd-carrousel.carrousel-chiffre.light-bg .card-light-green-chiffre,
.card-beige-chiffre {
    padding: 50px;
}

.card-beige-chiffre {
    background-color: var(--beige);
}

.card-light-green-chiffre img,
.card-beige-chiffre img {
    margin-right: 24px;
}

.section-carrousel-chiffre.light-bg .uk-scope .uk-subnav-pill>.uk-active>a,
.section-carrousel-chiffre.light-bg .uk-scope .uk-subnav-pill>.uk-active>a:hover,
.section-carrousel-chiffre .uk-scope .uk-subnav-pill>*>a:hover {
    background-color: var(--beige);
    color: var(--green-leaf);
}

.carrousel-chiffre {
    background-color: var(--dark-green);
    border-radius: 10px;
    padding: 40px 70px 40px 40px;
    display: flex;
    justify-content: space-between;
}

.carrousel-chiffre.light-bg {
    background-color: var(--beige);
}

.carrousel-chiffre .acc-card-blue {
    left: 2%;
    max-width: 71%;
}

.section-carrousel-chiffre .uk-scope .uk-margin-top {
    margin-top: 32px !important;
}

.section-carrousel-chiffre-btn {
    height: min-content;
}

.section-carrousel-chiffre .uk-scope h3,
.section-carrousel-chiffre .uk-scope h4,
.section-carrousel-chiffre .uk-scope p,
.section-carrousel-chiffre.light-bg .uk-scope .acc-card-blue {
    color: var(--beige) !important;
}

.section-carrousel-chiffre.light-bg .uk-scope h3,
.section-carrousel-chiffre.light-bg .uk-scope h4,
.section-carrousel-chiffre.light-bg .uk-scope p {
    color: var(--dark-green) !important;
}

.uk-scope span.light-green {
    color: var(--light-green) !important;
}

.carrousel-chiffre .col-lg-6 .d-flex {
    margin-bottom: 25px;
}

.carrousel-chiffre .col-lg-6 h3 {
    margin-bottom: 35px;
}

.carrousel-chiffre .acc-carrousel-btn {
    position: absolute;
    bottom: 2%;
    right: 2%;
}

.vos-comptes.bg-light-blue .border-bottom-ocean-blue {
    padding-bottom: 14px;
}

.border-bottom-ocean-blue {
    border-bottom: 1px solid var(--ocean-blue);
}

.border-bottom-light-green {
    border-bottom: 1px solid var(--light-green);
}

.border-bottom-green-leaf {
    border-bottom: 1px solid var(--green-leaf);
}

#carouselAccSecond.carousel .border-bottom-light-green {
    border-bottom: 1px solid var(--light-green);
    padding-bottom: 30px;
    margin-bottom: 35px;
}

#carouselAccSecond.carousel .section-carrousel-chiffre-btn {
    margin-top: 35px;
}

#carouselAccSecond .carrousel-chiffre {
    flex-direction: column;
    height: 710px;
    padding: 30px;
}

#carouselAccSecond .section-carrousel-chiffre-img {
    margin-bottom: 30px;
}

#carouselAccSecond .h3 {
    margin-bottom: 25px !important;
}

#carouselAccSecond .h4 {
    margin-bottom: 18px !important;
}

.acc-outils .bg-light-green,
.acc-outils .bg-beige {
    padding: 40px;
    border-radius: 10px;
    width: 49%;
}

.acc-outils .bg-light-green {
    background-color: var(--light-green);
    background-image: url("/images/hp/logo-vert-clair.svg");
    background-repeat: no-repeat;
    background-position: right bottom;
}

.acc-outils .bg-beige {
    background-color: var(--beige);
    background-image: url("/images/hp/logo-vert-clair-beige.svg");
    background-repeat: no-repeat;
    background-position: right bottom;
}

.acc-outils-cards {
    display: flex;
    justify-content: space-between;
    margin-top: 70px;
}

.acc-outils-cards h4 {
    margin-top: 18px;
    margin-bottom: 24px;
}

.acc-outils-cards .acc-outils-check {
    margin-top: 40px;
}

.acc-outils-cards .acc-outils-check .acc-check-icon {
    margin-right: 24px;
}

.acc-outils-cards .acc-outils-check .d-flex {
    margin-bottom: 24px;
}

.acc-outils-cards .acc-outils-check .d-flex:last-child {
    margin-bottom: 0px;
}

.acc-adrien-cards .acc-adrien-card .card-green-dark-main.card-skin {
    padding: 15px;
}

.double-card-skin.bg-dark-green.logo-dark-green .beige {
    color: var(--beige);
}

.pointer {
    cursor: pointer;
}

.cal-blue {
    position: fixed;
    right: 50px;
    bottom: 20vh;
    z-index: 10;
    cursor: pointer;
}

.cal-blue.cal-hover {
    width: 49px;
    height: 49px;
    background-color: var(--ocean-blue);
    padding-left: 15px;
    border-radius: 5px;
    transition: width 0.5s;
    overflow: hidden;
}

.calendly:hover .cal-hover {
    width: 215px;
}

.cal-green {
    display: none;
}

/* animation fondu */
@keyframes fondu {
    20% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fondu {
    opacity: 0;
    transition: opacity 1s ease;
}

.fondu-active {
    animation: fondu 1s forwards;
}

/* animation ascenseur */
@keyframes elevator {
    20% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0);
    }
}

/* animation ascenseur diff */
@keyframes elevatorDiff {
    40% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0);
    }
}

/* animation ascenseur diff */
@keyframes elevatorDiff3 {
    55% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0);
    }
}

/* animation ascenseur diff */
@keyframes elevatorDiff4 {
    60% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0);
    }
}

.elevator,
.elevator-diff,
.elevator-diff3,
.elevator-diff4 {
    transform: translateY(100%);
    transition: transform 0.5s ease, opacity 0.5s ease;
}

.elevator-active {
    animation: elevator 0.5s forwards;
}

.elevator-diff-active {
    animation: elevatorDiff 0.7s forwards;
}

.elevator-diff3-active {
    animation: elevatorDiff3 0.9s forwards;
}

.elevator-diff4-active {
    animation: elevatorDiff4 1.1s forwards;
}

.formContainer .row {
    margin: 0;
}

.dgt-form {
    display: flex !important;
    padding: 20px !important;
    align-items: center;
    gap: 10px;
    border-radius: 4px !important;
    background-color: var(--light-green) !important;
    border: none !important;
    width: 100% !important;
    color: var(--dark-green) !important;
}

.dgt-form::placeholder{
    color: var(--dark-green) !important;
    opacity: 1 !important;
}

.form-check-input:checked[type=checkbox] {
    background-color: var(--ocean-blue) !important;
}

.form-check-inline {
    align-items: start !important;
}

input#check0:focus {
    box-shadow: none !important;
}

input#check0 {
    margin-right: 12px;
    border-radius: 30px;
    background-color: var(--beige);
    border: 1px solid var(--ocean-blue);
}

.text-pe {
    padding: 0 100px 0 0 !important;
}

.acc-bloc-2nd-carrousel {
    background-color: var(--dark-green);
    border-radius: 10px;
    padding: 40px 70px 40px 40px;
    display: flex;
    justify-content: space-between;
}

.acc-bloc-2nd-carrousel .col-lg-6 .d-flex {
    margin-bottom: 25px;
}

.acc-bloc-2nd-carrousel .col-lg-6 h3 {
    margin-bottom: 35px;
}

.acc-bloc-2nd-carrousel .acc-carrousel-btn {
    position: absolute;
    bottom: 2%;
    right: 2%;
}

#carouselAccSecond .acc-bloc-2nd-carrousel {
    flex-direction: column;
    height: 710px;
    padding: 30px;
}

.double-card-main-skin {
    border-radius: 10px;
    padding: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

#mod-custom143 .double-card-main-skin {
    height: 205px;
}

.double-card-main-skin.double-card-actu {
    grid-template-columns: repeat(4, 1fr);
}

.double-card-skin {
    border-radius: 10px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    height: 165px;
}

.double-card-skin h3 {
    margin-bottom: 20px;
}

.double-card-esp-cli .double-card-skin.acd:hover,
.double-card-esp-cli .double-card-skin.meg:hover {
    background-color: var(--beige) !important;
    color: var(--dark-green);
}

.first-double-card .double-card-1-main h2, 
.first-double-card:hover .double-card-1-main h3,
.second-double-card .double-card-2-main h2, 
.second-double-card:hover .double-card-2-main h3 {
    opacity: 1;
}

.first-double-card:hover .double-card-1-main h2, 
.first-double-card .double-card-1-main h3,
.second-double-card:hover .double-card-2-main h2, 
.second-double-card .double-card-2-main h3 {
    opacity: 0;
}

.first-double-card .double-card-1-main h2, 
.second-double-card .double-card-2-main h2 {
    position: absolute;
    width: 29%;
}

.double-card-esp-cli .double-card-skin.acd:hover .light-green,
.double-card-esp-cli .double-card-skin.meg:hover .beige {
    color: var(--green-leaf);
}

.bandeau {
    z-index: 10 !important;
}

.timeline-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    margin-bottom: 70px;
}

.timeline {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-items: center;
    position: relative;
    width: 100%;
}

.bullet {
    width: 20px;
    height: 20px;
    background-color: var(--ocean-blue);
    border-radius: 3px;
    z-index: 2;
}

.line {
    position: absolute;
    top: 10px;
    width: 75%;
    height: 1px;
    background-color: var(--light-blue);
    z-index: 1;
}

.timeline-cards-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-items: center;
    gap: 20px;
}

.timeline-card {
    background-color: var(--light-blue);
    padding: 49px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
}

.green-timeline .line {
    background-color: var(--dark-green);
}

.green-timeline .bullet {
    background-color: var(--green-leaf);
}

.green-timeline .timeline-card {
    background-color: var(--beige);
}

.icon-chiffre-timeline {
    margin-bottom: 40px;
    width: 60px;
    height: 60px;
}

.gap-100 {
    gap: 100px;
}

/* ACTUALITES */
.premier-article.row {
    color: var(--beige);
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
}

.resume.mb-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.image-container {
    position: relative;
    width: 380px;
    height: 305px;
}

.clipped-image-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.clipped-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    clip-path: path("M281.617 143.478L281.617 75.2741L281.617 7.07049C281.617 3.16546 278.568 -3.6063e-05 274.807 -3.63918e-05L6.81067 -5.98208e-05C3.04953 -6.01496e-05 0.000667335 3.16544 0.000666993 7.07047L0.000643522 275.554C0.00064318 279.459 3.0495 282.625 6.81064 282.625L77.4791 282.625C81.2402 282.625 84.2891 285.79 84.2891 289.695L84.2891 298.827C84.2891 302.732 87.3379 305.898 91.099 305.898L335.19 305.898C338.951 305.898 342 302.732 342 298.827L342 157.613C342 153.708 338.951 150.543 335.19 150.543L288.427 150.543C284.666 150.543 281.617 147.377 281.617 143.472L281.617 143.478Z");
    -webkit-clip-path: path("M281.617 143.478L281.617 75.2741L281.617 7.07049C281.617 3.16546 278.568 -3.6063e-05 274.807 -3.63918e-05L6.81067 -5.98208e-05C3.04953 -6.01496e-05 0.000667335 3.16544 0.000666993 7.07047L0.000643522 275.554C0.00064318 279.459 3.0495 282.625 6.81064 282.625L77.4791 282.625C81.2402 282.625 84.2891 285.79 84.2891 289.695L84.2891 298.827C84.2891 302.732 87.3379 305.898 91.099 305.898L335.19 305.898C338.951 305.898 342 302.732 342 298.827L342 157.613C342 153.708 338.951 150.543 335.19 150.543L288.427 150.543C284.666 150.543 281.617 147.377 281.617 143.472L281.617 143.478Z");
}

.img-actu .clipped-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    clip-path: path("M428.089 218.103L428.089 114.425L428.089 10.7479C428.089 4.81185 423.455 -6.94648e-05 417.737 -6.99646e-05L10.3526 -0.000105579C4.63529 -0.000106079 0.000650582 4.81181 0.000650064 10.7479L0.000614384 418.874C0.000613865 424.81 4.63526 429.622 10.3526 429.622L117.777 429.622C123.494 429.622 128.129 434.434 128.129 440.37L128.129 454.252C128.129 460.188 132.763 465 138.481 465L509.527 465C515.244 465 519.879 460.188 519.879 454.252L519.879 239.59C519.879 233.654 515.244 228.842 509.527 228.842L438.441 228.842C432.724 228.842 428.089 224.03 428.089 218.094L428.089 218.103Z");
    -webkit-clip-path: path("M428.089 218.103L428.089 114.425L428.089 10.7479C428.089 4.81185 423.455 -6.94648e-05 417.737 -6.99646e-05L10.3526 -0.000105579C4.63529 -0.000106079 0.000650582 4.81181 0.000650064 10.7479L0.000614384 418.874C0.000613865 424.81 4.63526 429.622 10.3526 429.622L117.777 429.622C123.494 429.622 128.129 434.434 128.129 440.37L128.129 454.252C128.129 460.188 132.763 465 138.481 465L509.527 465C515.244 465 519.879 460.188 519.879 454.252L519.879 239.59C519.879 233.654 515.244 228.842 509.527 228.842L438.441 228.842C432.724 228.842 428.089 224.03 428.089 218.094L428.089 218.103Z");
}

.img-actu .image-container {
    width: 520px;
    height: 465px;
}

.cards-actu,
.cards-actu-fil {
    padding: 40px;
    background: var(--green-leaf);
    border-radius: 10px;
    height: 280px;
}

.cards-actu-fil {
    background: var(--beige);
    height: revert;
}

.cards-actu-grid,
.cards-actu-grid-fil {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.cards-actu-grid-fil {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

#carouselEplus {
    margin-top: 58px;
}

a.carousel-control-prev, a.carousel-control-next {
    width: min-content;
}

.section-top-20 {
    position: relative;
    top: -30px;
    z-index: 1;
}

.no-border-radius-bottom {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.premier-article .padding.col-lg-5.p-0 {
    margin-top: 0px;
}

.card-srv h2.dark-blue {
    margin-bottom: 50px;
}

.srv-expert-cards {
    margin-top: 40px;
}

.card-srv-img {
    max-width: 45% !important;
}

.srv-text-pe h3 {
    margin-bottom: 20px;
}

.double-card-actu a:hover {
    background-image: none;
    background-color: var(--beige);
}

.double-card-actu a:hover h3 {
    color: var(--dark-blue) !important;
}

.double-card-actu a {
    transition: background-color 0.5s, background-image 0.5s;
}

.double-card-actu a h3 {
    transition: color 0.5s;
    color: var(--beige);
}

.me-25 {
    margin-right: 25%;
}

img.img-h-50 {
    height: 50px !important;
}

img.img-h-30 {
    height: 30px !important;
}

.section-carrousel-chiffre .uk-scope h3.light-green {
    color: var(--light-green) !important;
}

.no-container-with .sppb-row-container {
    max-width: 80%;
}

body.ltr #offcanvas-toggler.offcanvas-toggler-right {
    margin-left: 0;
}

.acc-header .digitabilis-card-green-leaf, 
.acc-header .digitabilis-card-green-leaf.ative {
    display: revert !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.section-carrousel-chiffre.light-bg .uk-scope a.acc-card-blue {
    color: var(--light-blue) !important;
    border: 1px solid var(--ocean-blue);
}

.section-carrousel-chiffre.light-bg .uk-scope a.acc-card-blue:hover {
    background-color: var(--light-blue);
    color: var(--dark-blue) !important;
}

.new-card .card-green-dark-main,
.new-card .card-green-dark-text {
    background-image: none !important;
    text-align: center;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.new-card .card-green-dark-text {
    background-color: var(--green-leaf);
}

.new-card .card-green-dark-main h3,
.new-card .card-green-dark-text h3 {
    width: 80%;
}

.new-card .card-blue-main {
    background-image: url(/images/hp/logo-bleu-fonce.svg);
    display: flex !important;
    justify-content: flex-end;
    align-items: flex-start;
}

.new-card .card-blue-text {
    background-image: none;
    display: flex !important;
    justify-content: flex-end;
    align-items: flex-start;
}

.new-card .card-green-light-text {
    background-color: var(--dark-green);
}

.new-card .card-green-light-main, .new-card .card-green-light-text {
    text-align: center;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.new-card .card-green-light-main h3, .new-card .card-green-light-text h3 {
    margin-top: 25px;
}

.article-details div[itemprop="articleBody"] {
    max-width: revert;
}

.liste-dossiers .file-wrap .wrap {
    max-width: 85%;
}

/* MAX-WIDTH */
@media (max-width: 993px) {
    .h2-phrase {
        font-family: "Bricolage Grotesque" !important;
        font-size: 30px !important;
        font-style: normal !important;
        font-weight: 700 !important;
        line-height: 30px !important;
        letter-spacing: -0.9px !important;
    }
    
    .cont-cards .cont-saint-contest-card {
        height: 185px;
    }

    .acc-adrien-btn a.acc-carrousel-btn {
        width: 50%;
    }

    .card-srv h2.dark-blue {
        margin-bottom: 30px !important;
        margin-top: 50px !important;
    }

    .gap-100 {
        gap: 40px;
    }

    .timeline-container {
        margin-bottom: 50px;
    }

    .timeline {
        display: none;
    }

    .timeline-cards-container {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    #sp-header,
    #sp-header .container-fluid .row {
        height: 88px !important;
    }

    .acc-card-flex {
        display: flex;
        flex-direction: column;
    }

    .card-srv h2.dark-blue {
        margin-bottom: 30px;
        margin-top: 45px !important;
    }

    .acc-bloc-2nd-carrousel.carrousel-chiffre.light-bg h3 {
        margin-bottom: 25px;
    }

    #carouselAccSecond .acc-bloc-2nd-carrousel.carrousel-chiffre.light-bg .border-bottom-green-leaf p:last-child {
        margin-bottom: 30px;
    }

    .acc-bloc-2nd-carrousel.carrousel-chiffre.light-bg h4 {
        margin-bottom: 18px;
    }

    #carouselAccSecond .acc-bloc-2nd-carrousel.carrousel-chiffre.light-bg {
        height: 850px;
    }

    .avantages {
        height: min-content !important;
    }

    .acc-bloc-2nd-carrousel.carrousel-chiffre.light-bg .text {
        padding: 0;
    }

    .acc-bloc-2nd-carrousel.carrousel-chiffre.light-bg .card-light-green-chiffre {
        margin-top: 30px;
        padding: 30px;
    }

    .bg-tab-mob-none {
        background-image: none !important;
    }

    .w-55-cards-texte {
        margin-left: 0;
    }

    .pe-21 {
        padding-right: 0;
    }

    .bandeau-bg-light-green .bandeau-green,
    .bandeau-bg-light-blue .bandeau-light-blue,
    .bandeau-bg-leaf-green .bandeau-green-leaf {
        flex-direction: column-reverse;
        padding: 20px;
    }

    .bandeau-bg-light-green .bandeau-texte,
    .bandeau-bg-light-blue .bandeau-texte,
    .bandeau-bg-leaf-green .bandeau-texte {
        padding: 20px;
    }

    .formContainer .col-md-6 {
        max-width: 100%;
        width: 100%;
    }

    .formContainer .row {
        flex-direction: column;
    }

    .btn-digi {
        width: 100% !important;
        text-align: center;
    }

    #sp-menu .burger-icon {
        background-image: url(/images/hp/menu.svg);
        width: 49px;
        height: 49px;
    }

    #sp-menu .burger-icon span {
        display: none;
    }

    .acc-header h1 {
        margin-top: 40px;
    }

    .me-25 {
        margin-right: 0;
    }

    .acc-card-flex {
        margin: 0;
    }

    .acc-header .acc-card-light-green,
    .acc-header .acc-card-dark-green,
    .acc-header .acc-card-green-leaf,
    .acc-header .acc-card-light-blue {
        width: 100%;
    }

    .acc-bloc-carrousel {
        flex-direction: column;
        padding: 30px;
        padding-bottom: 10px;
        height: 720px;
    }

    .car-acc-height-mob .acc-bloc-carrousel {
        height: 650px;
    }

    .acc-bloc-carrousel .w-55-cards-texte h3 {
        margin-top: 30px;
    }

    .cont-saint-contest-cards .card-green-dark-main h3,
    .cont-saint-contest-cards .card-green-dark-text h3 {
        width: 100%;
    }

    .carousel-control-prev {
        left: 0 !important;
        justify-content: flex-start !important;
    }

    .carousel .carousel-indicators {
        right: 0 !important;
    }

    .acc-firsts-card, .acc-seconds-card {
        width: 50%;
    }

    .acc-adrien,
    .cont-saint-contest {
        flex-direction: column-reverse;
    }

    .acc-adrien h2,
    .cont-saint-contest h2 {
        margin-top: 30px;
    }

    .srv-expert-cards .acc-firsts-card,
    .srv-expert-cards .acc-seconds-card {
        width: 100%;
    }

    .acc-adrien p,
    .cont-saint-contest p {
        width: 100%;
    }

    .acc-adrien-cards,
    .cont-saint-contest-cards {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 15px;
        margin-top: 20px;
    }

    .acc-adrien-cards .acc-adrien-card-blue, 
    .acc-adrien-cards .acc-adrien-card-green-dark, 
    .acc-adrien-cards .acc-adrien-card-ocean-blue, 
    .acc-adrien-cards .acc-adrien-card-green-light
    .cont-saint-contest-cards .acc-adrien-card-blue, 
    .cont-saint-contest-cards .acc-adrien-card-green-dark, 
    .cont-saint-contest-cards .acc-adrien-card-ocean-blue, 
    .cont-saint-contest-cards .acc-adrien-card-green-light {
        width: 100%;
        height: 200px;
    }

    .acc-adrien-cards,
    .cont-saint-contest-cards {
        margin-top: 40px;
    }

    .double-card-main-skin.double-card-services h2 {
        width: 35%;
    }

    #sp-footer1 .cards-dark-footer, 
    #sp-footer1 .cards-light-footer {
        height: max-content !important;
        margin-top: 0 !important;
        width: calc(50% - 8px);
    }

    #sp-footer1 li .btn-digi {
        text-align: start !important;
    }

    #sp-footer1 .cards-dark-footer {
        margin-right: 8px;
    }

    #sp-footer1 .cards-light-footer {
        margin-left: 8px;
    }

    #sp-footer1 .cards-dark-footer .h4-footer, 
    #sp-footer1 .cards-light-footer .h4-footer {
        max-width: 75% !important;
    }

    .no-elevator-tab-mob,
    .no-elevator-tab-mob.elevator-active {
        animation: none !important;
        transform: translateY(0) !important;
        transition: none !important;
    }

    .nos-srvc-card-1,
    .nos-srvc-card-2 {
        width: 100% !important;
    }

    .acc-outils-cards {
        flex-direction: column;
        margin-top: 40px;
        margin-bottom: 30px;
    }

    .card-srv-img {
        max-width: 100% !important;
    }

    .acc-outils-cards .bg-light-green,
    .acc-outils-cards .bg-beige {
        width: 100%;
    }

    .acc-outils-cards .bg-light-green {
        margin-bottom: 20px;
    }

    .acc-outils-cards .acc-outils-check {
        margin-top: 30px;
    }

    .acc-adrien .acc-adrien-btn,
    .cont-saint-contest .acc-adrien-btn {
        gap: 16px;
    }

    .cal-blue {
        display: none;
    }
    
    .cal-green {
        display: flex;
    }

    #carouselAccSecond .btn-digi,
    .acc-header .btn-digi {
        text-align: center;
        justify-content: center !important;
    }

    .text-pe {
        padding: 0 !important;
    }

    .close-offcanvas {
        display: none;
    }

    .offcanvas-active .close-offcanvas {
        top: 5px;
        display: flex;
    }

    #carouselDigitabilis .acc-card-blue {
        position: revert;
        color: var(--beige);
        max-width: 100%;
        margin-left: 0;
    }

    #carouselDigitabilis a.btn-digi {
        margin: 30px 0 10px;
    }

    #carouselDigitabilis .acc-bloc-carrousel {
        justify-content: space-between;
        height: 840px;
        padding: 30px;
    }

    #carouselDigitabilis p {
        margin-left: 0;
        margin-bottom: 20px;
    }

    #carouselDigitabilis h3 {
        margin: 30px 0 20px 0;
    }

    #carouselDigitabilis .border-bottom-green-leaf {
        padding-bottom: 10px;
    }

    #carouselDigitabilis h4 {
        margin: 35px 0 15px;
    }

    .double-card-main-skin {
        gap: 16px;
    }

    .double-card-main-skin.double-card-actu {
        grid-template-columns: 1fr 1fr;
    }

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

    .acc-bloc-carrousel.digitabilis-carrousel {
        height: 780px;
        padding-bottom: 40px;
        justify-content: revert;
    }

    .offcanvas-active,
    .offcanvas-active #sp-header {
        background: var(--dark-green) !important;
    }

    body.ltr.offcanvs-position-right.offcanvas-active #sp-header.full-header {
        z-index: 10000;
    }

    body.ltr.offcanvs-position-right.offcanvas-active .offcanvas-menu {
        right: 0;
        top: 0;
        margin-top: 89px;
        width: 100%;
        overflow: visible;
    }

    body.ltr.offcanvs-position-right .offcanvas-menu {
        top: 89px;
    }

    .offcanvas-menu .offcanvas-inner ul.menu>li a, 
    .offcanvas-menu .offcanvas-inner .sp-module-content a.btn-digi, 
    .offcanvas-menu .offcanvas-inner ul.menu>li span {
        color: var(--beige);
        opacity: 1;
        padding: 0;
        padding: 25px 30px !important;
        text-align: start;
    }

    .offcanvas-menu .offcanvas-inner ul.menu>li,
    .offcanvas-menu .offcanvas-inner .sp-module-content .d-flex  {
        border: 1px solid var(--light-green);
        margin-bottom: 10px;
        border-radius: 4px;
    }

    #carouselEplus {
        margin-top: 40px;
    }

    .cards-actu-grid {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .cards-actu-grid-fil {
        grid-template-columns: 1fr 1fr;
    }

    /* .cards-actu-fil {
        height: 240px;
    } */

    .image-container,
    .img-actu .image-container {
        width: 100%;
    }

    .img-actu .image-container {
        width: 100%;
        height: 295px;
    }
    
    .clipped-image,
    .img-actu .clipped-image {
        clip-path: path("M60.3834 166V221.861V287.473C60.3834 291.229 63.4323 294.274 67.1934 294.274L601.19 294.275C604.951 294.275 608 291.229 608 287.473V29.1909C608 25.4343 604.951 22.3891 601.19 22.3891H530.521C526.76 22.3891 523.711 19.3439 523.711 15.5872V6.80196C523.711 3.04531 520.663 0.000106812 516.901 0.000106812L6.81 0C3.04885 0 0 3.0452 0 6.80185V142.65C0 146.407 3.04885 149.452 6.81 149.452H53.5734C57.3346 149.452 60.3834 152.497 60.3834 156.254V166Z");
        -webkit-clip-path: path("M60.3834 166V221.861V287.473C60.3834 291.229 63.4323 294.274 67.1934 294.274L601.19 294.275C604.951 294.275 608 291.229 608 287.473V29.1909C608 25.4343 604.951 22.3891 601.19 22.3891H530.521C526.76 22.3891 523.711 19.3439 523.711 15.5872V6.80196C523.711 3.04531 520.663 0.000106812 516.901 0.000106812L6.81 0C3.04885 0 0 3.0452 0 6.80185V142.65C0 146.407 3.04885 149.452 6.81 149.452H53.5734C57.3346 149.452 60.3834 152.497 60.3834 156.254V166Z");
    }

    .premier-article .padding.col-lg-5.p-0 {
        margin-top: 40px;
    }

    .offcanvas-inner,
    .offcanvas-inner .sp-module ,
    .offcanvas-inner .sp-module .sp-module-content {
        height: 97%;
    }

    .offcanvas-inner .sp-module .sp-module-content .mod-custom.custom {
        height: 80%;
    }

    .offcanvas-menu .nav {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        min-height: 100%;
        height: max-content;
        flex-wrap: nowrap !important;
        margin-top: calc(86px - 1rem);
    }

    .close-offcanvas .burger-icon {
        visibility: hidden;
    }

    .offcanvas-menu .d-flex.align-items-center.p-3.pt-4 {
        position: absolute;
        z-index: 10000;
        right: 57px;
        top: -70px;
        width: 50px;
        height: 50px;
    }

    .vos-comptes.bg-light-blue {
        flex-direction: column;
        padding: 30px;
    }

    .vos-comptes.bg-light-blue .text {
        padding: 0;
        gap: 30px;
    }

    .card-beige-chiffre {
        margin-top: 14px;
        padding: 30px;
    }

    .acc-adrien-cards.elevator.no-elevator-tab-mob .acc-adrien-card {
        height: 187px;
    }
    .card-green-dark-text {
        background-image: url("/images/hp/card-bg-vert-fonce-tab.png");
    }

    .card-green-dark-main {
        background-image: url("/images/hp/acc-proximite-card-tab.png");
    }

    img.img-h-50,
    img.img-h-30 {
        margin-bottom: 15px;
    }

    #mod-custom126 #carouselAccSecond .acc-bloc-2nd-carrousel {
        height: 775px;
    }
}

@media (max-width: 577px) {
    .card-green-dark-text {
        background-image: url("/images/hp/card-bg-vert-fonce-mob.png");
    }

    .card-green-dark-main {
        background-image: url("/images/hp/acc-proximite-mob.png");
    }

    .avantages.acc-bloc-carrousel p {
        margin-left: 0;
        margin-top: 24px;
    }

    #mod-custom126 #carouselAccSecond .acc-bloc-2nd-carrousel {
        height: 885px;
    }

    .avantages img.acc-check-icon {
        width: 30px;
    }

    .srv-expert-cards {
        margin-top: 30px;
    }

    .img-actu .image-container {
        width: 100%;
        height: 306px;
    }

    .acc-adrien-btn a.acc-carrousel-btn {
        width: 100%;
    }

    .card-beige-chiffre img.acc-check-icon, 
    .card-light-green-chiffre img.acc-check-icon {
        width: 30px;
        margin-bottom: 24px;
    }

    .liste-dossiers .file-wrap .wrap {
        max-width: 100%;
    }

    .cards-actu-grid-fil {
        grid-template-columns: 1fr;
    }

    .srv-text-pe h3 {
        margin-bottom: 20px;
    }

    .double-card-main-skin.double-card-actu {
        grid-template-columns: 1fr;
    }

    .gap-100 {
        gap: 30px;
    }

    .double-card-main-skin {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    #carouselAccSecond .acc-bloc-2nd-carrousel.carrousel-chiffre.light-bg {
        height: 1450px;
    }

    .acc-card-flex {
        grid-gap: 0;
    }

    .acc-seconds-card {
        margin-top: 10px;
    }

    .acc-bloc-carrousel {
        height: 950px;
    }

    .car-acc-height-mob .acc-bloc-carrousel {
        height: 800px;
    }

    .acc-bloc-carrousel.digitabilis-carrousel {
        height: 1010px;
    }

    .acc-outils-cards .bg-light-green {
        margin-bottom: 40px;
    }

    .btn-digi {
        width: 100%;
        padding: 15px 40px;
    }

    .acc-adrien-cards,
    .cont-saint-contest-cards {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
        margin-top: 40px;
    }

    .acc-firsts-card, .acc-seconds-card {
        width: 100%;
    }

    .acc-adrien .acc-adrien-btn,
    .cont-saint-contest .acc-adrien-btn {
        gap: 20px;
    }

    .acc-adrien .acc-adrien-btn .btn-digi,
    .cont-saint-contest .acc-adrien-btn .btn-digi {
        text-align: center;
    }

    .acc-adrien-cards .acc-adrien-card-green-dark {
        background-image: url("/images/hp/acc-proximite-mob.png");
    }

    .acc-adrien-cards .acc-adrien-card-green-dark:hover {
        background-image: url("/images/hp/acc-proximite-mob-hover.png");
    }

    .acc-adrien-cards .acc-adrien-card-blue, 
    .acc-adrien-cards .acc-adrien-card-green-dark, 
    .acc-adrien-cards .acc-adrien-card-ocean-blue, 
    .acc-adrien-cards .acc-adrien-card-green-light
    .cont-saint-contest-cards .acc-adrien-card-blue, 
    .cont-saint-contest-cards .acc-adrien-card-green-dark, 
    .cont-saint-contest-cards .acc-adrien-card-ocean-blue, 
    .cont-saint-contest-cards .acc-adrien-card-green-light {
        width: 100%;
        height: 183px;
    }

    .acc-adrien-cards .card-skin {
        height: 222px;
    }

    .acc-adrien-card .card-blue-main,
    .acc-adrien-card .card-blue-text,
    .acc-adrien-card .card-green-dark-main,
    .acc-adrien-card .card-green-dark-text,
    .acc-adrien-card .card-ocean-blue-main,
    .acc-adrien-card .card-ocean-blue-text,
    .acc-adrien-card .card-green-light-main,
    .acc-adrien-card .card-green-light-text,
    #mod-custom123 .acc-adrien-card {
        height: 185px;
    }

    #sp-footer1 .cards-dark-footer, 
    #sp-footer1 .cards-light-footer {
        height: max-content !important;
        margin: 0;
        width: 100%;
    }

    #sp-footer1 .cards-light-footer {
        margin-top: 16px !important;
    }

    .bandeau-bg-light-green .bandeau-green,
    .bandeau-bg-light-blue .bandeau-blue,
    .bandeau-bg-leaf-green .bandeau-green-leaf {
        padding: 10px;
    }

    #carouselAccSecond .carrousel-chiffre {
        flex-direction: column;
        height: revert;
    }

    #carouselDigitabilis .acc-bloc-carrousel {
        height: 1020px;
    }

    #carouselAccSecond .acc-bloc-2nd-carrousel {
        flex-direction: column;
        height: 820px;
    }

    .cards-actu {
        height: 310px;
    }

    .clipped-image,
    .img-actu .clipped-image {
        clip-path: path("M281.617 143.478L281.617 75.2741L281.617 7.07049C281.617 3.16546 278.568 -3.6063e-05 274.807 -3.63918e-05L6.81067 -5.98208e-05C3.04953 -6.01496e-05 0.000667335 3.16544 0.000666993 7.07047L0.000643522 275.554C0.00064318 279.459 3.0495 282.625 6.81064 282.625L77.4791 282.625C81.2402 282.625 84.2891 285.79 84.2891 289.695L84.2891 298.827C84.2891 302.732 87.3379 305.898 91.099 305.898L335.19 305.898C338.951 305.898 342 302.732 342 298.827L342 157.613C342 153.708 338.951 150.543 335.19 150.543L288.427 150.543C284.666 150.543 281.617 147.377 281.617 143.472L281.617 143.478Z");
        -webkit-clip-path: path("M281.617 143.478L281.617 75.2741L281.617 7.07049C281.617 3.16546 278.568 -3.6063e-05 274.807 -3.63918e-05L6.81067 -5.98208e-05C3.04953 -6.01496e-05 0.000667335 3.16544 0.000666993 7.07047L0.000643522 275.554C0.00064318 279.459 3.0495 282.625 6.81064 282.625L77.4791 282.625C81.2402 282.625 84.2891 285.79 84.2891 289.695L84.2891 298.827C84.2891 302.732 87.3379 305.898 91.099 305.898L335.19 305.898C338.951 305.898 342 302.732 342 298.827L342 157.613C342 153.708 338.951 150.543 335.19 150.543L288.427 150.543C284.666 150.543 281.617 147.377 281.617 143.472L281.617 143.478Z");
    }
}

/* MIN-WIDTH */
@media (min-width: 576px) {
    #sp-header .container-fluid,
    .sppb-row-container,
    .max-width,
    .offcanvas-inner {
        max-width: 608px;
    }

    .no-max-width .sppb-row-container{
        max-width: revert;
    }
}

@media (min-width: 768px) {
    #sp-header .container-fluid,
    .sppb-row-container,
    .max-width,
    .offcanvas-inner {
        max-width: 608px;
    }

    .no-max-width .sppb-row-container{
        max-width: revert;
    }
}

@media (min-width: 992px) {
    #sp-header .container-fluid,
    .sppb-row-container,
    .max-width,
    .offcanvas-inner {
        max-width: 960px;
    }

    .no-max-width .sppb-row-container{
        max-width: revert;
    }
}

@media (min-width: 1200px) {
    #sp-header .container-fluid,
    .sppb-row-container,
    .max-width,
    .offcanvas-inner {
        max-width: 1140px;
    }

    .bg-1400 {
        background-size: 1140px;
    }

    .no-max-width .sppb-row-container{
        max-width: revert;
    }
}

@media (min-width: 1400px) {
    #sp-header .container-fluid,
    .sppb-row-container,
    .max-width,
    .offcanvas-inner {
        max-width: 1140px;
    }

    .no-max-width .sppb-row-container{
        max-width: revert;
    }
}

.form-check-label {
  color: var(--dark-blue);
}