/* Colors */
:root {
--bleu: #08345B;
--bleutresclair: #DFF0FF;
--bleuclair: #5088FF;
--bleumoyen: #005FA5;
--bleufonce: #111827;
--orange: #FAB928;
--vert: #00CEB9;
--vertclair: #D7F2F2;
--blanc: #fff;
--noir: #000;
--gris: #ccc;
--gris-clair: #9CA3AF;
--gris-moyen: #666;
--gris-fonce: #333;
--gris-fond: #F3F4F6;
--gris-texte: #5b6675;
}


html{
    scroll-behavior:smooth;
}
body {
	font-family: 'Open Sans' !important;
    color: var(--bleufonce) !important;
}
h1 {
    font-family: 'Chillax-Semibold' !important;
    color: var(--bleu) !important;
}
h2, h3, h4, h5 {
	font-family: 'Chillax-Semibold' !important;
}
h2 {
    color: var(--bleu) !important;
}
h3 {
    color: var(--bleu) !important;
}
.wpb_row[data-midnight="light"] h2 {
    color: var(--blanc) !important;
}
.row_col_wrap_12.col.light .wpb_text_column a {
    color: var(--bleuclair);
}
#header-outer {
	background-color: transparent !important;
}

@media (min-width: 1000px) {
    h1 {
        font-size: 72px !important;
    }
    h2 {
        font-size: 42px !important;
        line-height: 48px !important;
    }
    h3 {
        font-size: 30px !important;
        line-height: 34px !important;
    }
}
@media (max-width: 999px) {
	h2 {
        font-size: 34px !important;
        line-height: 38px !important;
    }
    h3 {
        font-size: 26px !important;
        line-height: 28px !important;
    }
}
.chapeau {
    font-size: 24px;
    line-height: 28px;
    color: var(--bleu);
    font-weight: 500;
}
.sur-titre-bleu {
    display: inline-block;
    background-color: var(--bleuclair);
    padding: 3px 10px;
    margin-bottom: 10px;
    border-radius: 8px;
    font-size: 14px;
    color: var(--blanc);
}
.sur-titre-bleu-fonce {
    display: inline-block;
    background-color: var(--bleu);
    padding: 3px 10px;
    margin-bottom: 10px;
    border-radius: 8px;
    font-size: 14px;
    color: var(--blanc);
}
.sur-titre-bleu-clair {
    display: inline-block;
    background-color: var(--bleutresclair);
    padding: 3px 10px;
    margin-bottom: 10px;
    border-radius: 8px;
    font-size: 14px;
    color: var(--bleufonce);
}
.sur-titre-vert {
    display: inline-block;
    background-color: var(--vert);
    padding: 3px 10px;
    margin-bottom: 10px;
    border-radius: 8px;
    font-size: 14px;
    color: var(--blanc);
}
.sur-titre-orange {
    display: inline-block;
    background-color: var(--orange);
    padding: 3px 10px;
    margin-bottom: 10px;
    border-radius: 8px;
    font-size: 14px;
    color: var(--blanc);
}
.sur-titre-gris {
    display: inline-block;
    background-color: var(--gris-moyen);
    padding: 3px 10px;
    margin-bottom: 10px;
    border-radius: 8px;
    font-size: 14px;
    color: var(--blanc);
}
.sur-titre-blanc {
    display: inline-block;
    background-color: var(--blanc);
    padding: 3px 10px;
    margin-bottom: 10px;
    border-radius: 8px;
    font-size: 14px;
    color: var(--bleufonce);
}
p:has(> span.sur-titre-bleu),
p:has(> span.sur-titre-bleu-fonce),
p:has(> span.sur-titre-bleu-clair),
p:has(> span.sur-titre-vert),
p:has(> span.sur-titre-orange) {
    padding-bottom: 8px;
}
.type_ressource {
    padding: 3px 12px 3px 38px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 300;
    color: var(--bleu);
    background-color: var(--blanc);
}
.content_type_article {
    padding: 3px 12px 3px 38px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 300;
    color: var(--bleu);
    background: var(--blanc) url('../img/article.png') no-repeat 8px center;
}
.content_type_whitebook, .content_type_livre-blanc {
    padding: 3px 12px 3px 38px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 300;
    color: var(--bleu);
    background: var(--blanc) url('../img/whitebook.png') no-repeat 8px center;
}
.content_type_webinaire {
    padding: 3px 12px 3px 38px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 300;
    color: var(--bleu);
    background: var(--blanc) url('../img/computer_blue.png') no-repeat 8px center;
}
.content_type_etude_cas {
    padding: 3px 12px 3px 38px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 300;
    color: var(--bleu);
    background: var(--blanc) url('../img/ccase_study.png') no-repeat 8px center;
}
.etiquette {
    display: inline-block;
    padding: 5px 16px;
    margin: 0 8px 5px 0;
    background-color: var(--gris-fond);
    border-radius: 20px;
    font-size: 15px;
    color: var(--bleufonce);
}
.check {
    position: relative;
    display: inline-block;
    padding-left: 22px;
    padding: 5px 10px 5px 30px;
    margin: 0 0 5px 0;
    font-size: 15px;
}
    .check:before {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        width: 22px;
        height: 22px;
        background: var(--blanc) url("../img/check_bleu.png") center/12px auto no-repeat;
        border-radius: 50%;
    }
.legende {
    display: block;
    font-size: 14px;
    text-align: center;
    padding: 12px 0 30px 0;
}
.hse {
    font-size: 0.7em;
    vertical-align: super;
    line-height: 0;
    color: var(--bleuclair);
}
.police_small {
    display: block;
    font-size: 14px;
    line-height: 18px;
}
.bouton_blanc_lien {
    color: var(--blanc);
}
    .bouton_blanc_lien:after {
        content: "›";
        margin: 0 0 0 8px;
    }
.bouton_bleufonce_lien {
    color: var(--bleufonce);
}
    .bouton_bleufonce_lien:after {
        content: "›";
        margin: 0 0 0 8px;
    }
.bouton {
    display: inline-block;
    border: 1px solid transparent;
    padding: 16px 48px 16px 24px;
    margin: 14px 14px 6px 0;
    border-radius: 16px;
    background: var(--gris-fond) url('../img/arrow-blue-right.png') no-repeat 92% center;
    color: var(--bleuclair);
    font-size: 15px;
    opacity: 1 !important;
    transition: all 0.3s;
}
    .bouton_blanc {
        background-color: var(--blanc);
        background-image: url('../img/arrow-blue-right.png');
        color: var(--bleufonce);
    }
    .bouton_bleu {
        background-color: var(--bleu);
        background-image: url('../img/arrow-white-right.png');
        color: var(--blanc);
    }
    .bouton_bleu_clair {
        background-color: var(--bleuclair);
        background-image: url('../img/arrow-white-right.png');
        color: var(--blanc) !important;
    }
    .bouton_transparent {
        background-color: transparent;
        border-color: var(--blanc);
        background-image: url('../img/arrow-white-right.png');
        color: var(--blanc) !important;
    }
    .bouton_transparent_bleu {
        background-color: transparent;
        border-color: var(--bleu);
        background-image: url('../img/arrow-blue-right.png');
        color: var(--bleu);
    }
    .bouton_demo {
        background-image: url('../img/computer.png');
    }
    .bouton_espace_client {
        background-image: url('../img/people.png');
    }
    .bouton_telechargement {
        background-image: url('../img/download.png');   
    }
    .bouton.lien-1 {
        background-image: url('../img/computer.png');
        background-position: 14px center;
        padding-left: 50px;
        padding-right: 20px;
    }
@media (min-width: 1000px) {
    .bouton:hover {
        transform: translateY(-4px);
    }
    .bouton_blanc:hover {
        color: var(--bleufonce);
    }
    .bouton_bleu:hover {
        color: var(--bleutresclair);
    }
    .bouton_transparent:hover {
        color: var(--noir) !important;
        background-color: var(--blanc);
        background-image: url('../img/arrow-blue-right.png');
    }
    .bouton_transparent.bouton_espace_client:hover {
        background-image: url('../img/people_blue.png');
    }
    .bouton_bleu_clair:hover {
        background-color: var(--bleumoyen);
    }
}
@media (max-width: 600px) {
    .etiquette {
        letter-spacing: -4%;
    }
}
.wpb_row:not([data-midnight="light"]) .wpb_text_column.wpb_content_element p strong {
    color: var(--bleu);
}





/* Elements communs */
.arrondi_haut {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}
    .arrondi_haut .inner-wrap.row-bg-layer {
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
    }
.arrondi_bas {
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}
    .arrondi_bas .inner-wrap.row-bg-layer {
        border-bottom-left-radius: 30px;
        border-bottom-right-radius: 30px;
    }
.arrondi_partout {
    border-radius: 30px;
}
    .arrondi_partout .inner-wrap.row-bg-layer {
        border-radius: 30px;
    }

.grille { /* Element décors charte synidia */
    position: relative;
}
    .grille:after {
        content: "";
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        height: 100%;
        width: 80%;
        background: transparent url('../img/grille.svg') repeat;
        z-index: 20;
    }

.calque_fonce .row-bg-wrap .inner-wrap,
.calque_fonce .column-image-bg-wrap .inner-wrap,
.calque_fonce_droite .row-bg-wrap .inner-wrap,
.calque_fonce_droite .column-image-bg-wrap .inner-wrap,
.calque_fonce_gauche .row-bg-wrap .inner-wrap,
.calque_fonce_gauche .column-image-bg-wrap .inner-wrap { /* Calque sombre pour pouvoir écrire sur un fond image */
    position: relative;
}
    .calque_fonce .row-bg-wrap .inner-wrap:after,
    .calque_fonce .column-image-bg-wrap .inner-wrap:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.74);
        pointer-events: none;
        z-index: 10;
        border-radius: 16px
    }
    .calque_fonce_droite .row-bg-wrap .inner-wrap:after,
    .calque_fonce_droite .column-image-bg-wrap .inner-wrap:after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(to right,
            rgba(0,0,0,0.3) 40%,
            rgba(0,0,0,0.7) 50%,
            rgba(0,0,0,0.80) 100%);
        pointer-events: none;
        z-index: 10;
        border-radius: 16px;
    }
    .calque_fonce_gauche .row-bg-wrap .inner-wrap:after,
    .calque_fonce_gauche .column-image-bg-wrap .inner-wrap:after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(to right,
            rgba(0,0,0,0.80) 0%,
            rgba(0,0,0,0.74) 60%,
            rgba(0,0,0,0) 100%);
        pointer-events: none;
        z-index: 10;
        border-radius: 16px;
    }
    .calque_fonce .wpb_text_column h2,
    .calque_fonce .wpb_text_column h3,
    .calque_fonce .wpb_text_column p, 
    .calque_fonce .wpb_text_column ul li,
    .calque_fonce_droite .wpb_text_column h2,
    .calque_fonce_droite .wpb_text_column h3,
    .calque_fonce_droite .wpb_text_column p,
    .calque_fonce_droite .wpb_text_column ul li,
    .calque_fonce_gauche .wpb_text_column h2,
    .calque_fonce_gauche .wpb_text_column h3,
    .calque_fonce_gauche .wpb_text_column p,
    .calque_fonce_gauche .wpb_text_column ul li {
        color: var(--blanc) !important;
    }
.titre_surlignage h2,
.titre_surlignage h3 {
    position: relative;
    margin-top: 30px;
}
.titre_surlignage h2:before,
.titre_surlignage h3:before {
    content: "";
    position: absolute;
    left: 0;
    top: -26px;
    width: 52px;
    height: 9px;
    border-radius: 999px;
}
.titre_surlignage.titre_surlignage_bleu h2:before,
.titre_surlignage.titre_surlignage_bleu h3:before {
    background-color: var(--bleuclair);
}
.titre_surlignage.titre_surlignage_vert h2:before,
.titre_surlignage.titre_surlignage_vert h3:before {
    background-color: var(--vert);
}
.titre_surlignage.titre_surlignage_orange h2:before,
.titre_surlignage.titre_surlignage_orange h3:before {
    background-color: var(--orange);
}








.icone-email { background-image: url(../img/email.png); }
.icone-pin { background-image: url(../img/pin.png); }
.icone-phone { background-image: url(../img/phone.png); }
.icone-smartphone { background-image: url(../img/smartphone.png); }
.icone-check { background-image: url(../img/check-circle.png); }
.icone-gear { background-image: url(../img/gear.png); }
.icone-dataflow { background-image: url(../img/flow.png); }
.icone-flow { background-image: url(../img/flow.png); }
.icone-network { background-image: url(../img/network.png); }
.icone-people { background-image: url(../img/people.png); }
.icone-people-plus { background-image: url(../img/people-plus.png); }
.icone-profile { background-image: url(../img/profile.png); }
.icone-inbox { background-image: url(../img/inbox.png); }
.icone-histogram { background-image: url(../img/histogram.png); }
.icone-filter { background-image: url(../img/tune.png); }
.icone-computer { background-image: url(../img/computer.png); }
.icone-code { background-image: url(../img/code.png); }
.icone-download { background-image: url(../img/download.png); }
.icone-shield { background-image: url(../img/shield.png); }
.icone-warning { background-image: url(../img/warning.png); }
.icone-progress { background-image: url(../img/progress.png); }
.icone-connect { background-image: url(../img/connect.png); }
.icone-usb { background-image: url(../img/usb.png); }
.icone-legal { background-image: url(../img/legal.png); }
.icone-electronics { background-image: url(../img/electronics.png); }
.icone-building { background-image: url(../img/building.png); }
.icone-list-check { background-image: url(../img/list-check.png); }
.icone-document-check { background-image: url(../img/check-document.png); }
.icone-leaf { background-image: url(../img/leaf.png); }
.icone-flag { background-image: url(../img/flag.png); }
.icone-house { background-image: url(../img/house.png); }
.icone-lightbulb { background-image: url(../img/lightbulb.png); }
.icone-lock { background-image: url(../img/lock.png); }
.icone-unlock { background-image: url(../img/unlock.png); }
.icone-shopping { background-image: url(../img/shopping.png); }
.icone-shopping { background-image: url(../img/shopping.png); }
.icone-cloud { background-image: url(../img/cloud.png); }
.icone-tool { background-image: url(../img/tool.png); }
.icone-wrench { background-image: url(../img/tool-2.png); }
.icone-noma { background-image: url(../img/noma.png); }

.icone-industrie { background-image: url(../img/manufacturing.png); }
.icone-energie { background-image: url(../img/energy.png); }
.icone-transport { background-image: url(../img/airplane.png); }
.icone-services { background-image: url(../img/network.png); }
.icone-automobile { background-image: url(../img/car.png); }
.icone-transport-ferroviaire { background-image: url(../img/train.png); }
.icone-industrie-agroalimentaire { background-image: url(../img/food.png); }
.icone-collectivite-territoriale { background-image: url(../img/collectivite.png); }



.wpb_row.fond_blanc_ombre {
    background-color: var(--blanc);
    border-radius: 16px;
    box-shadow: 0 6px 24px -2px rgba(8, 52, 91, 0.10);
}
.wpb_row.fond_blanc_ombre .col {
    padding: 20px 30px;
    border-radius: 16px;
}
.wpb_column.fond_blanc_ombre .vc_column-inner {
    background-color: var(--blanc);
    border-radius: 16px;
    box-shadow: 0 6px 24px -2px rgba(8, 52, 91, 0.10);
}
@media (max-width: 999px) {
    .wpb_row.fond_blanc_ombre .column-image-bg-wrap {
        display: none;
    }
    .image_fond.wpb_column .column-image-bg-wrap {
        display: none;
    }
}


blockquote {
  font-family: 'Chillax-Regular'; 
  font-size: 20px;
  line-height: 28px;
}
blockquote:before {
    display: none !important;
}
.page .wpb_column .wpb_text_column blockquote {
        background-color: #F0F8FF;
        margin: 20px 0 42px 0;
        padding: 30px 20px 30px 36px;
        border-radius: 8px;
        border-left: 6px solid var(--bleu);
    }
    .page .wpb_column .wpb_text_column blockquote p {
        padding-bottom: 0;
    }
blockquote.fond_blanc_transparent {
    background-color: rgba(255, 255, 255, 0.3) !important;
    margin: 20px 0 42px 0;
    padding: 30px 20px 30px 36px;
    border-radius: 8px;
    border-left: 9px solid var(--vert) !important;
}
blockquote.fond_blanc_transparent:before {
    border-color: var(--vert) !important;
}







/* Breadcrumbs */
#breadcrumbs {
    padding: 0 0 55px 0;
}
    #breadcrumbs span {
        font-size: 14px;
    }
        #breadcrumbs span span {
            padding: 0 8px;
            color: var(--bleu);
        }
            #breadcrumbs span span a {
                color: var(--bleu);
            }
            #breadcrumbs span span:first-child {
                padding-left: 30px;
                background: transparent url('../img/home.png') no-repeat left -2px;
                background-size: 24px;
            }










/* Slider --------------------------------------- */
.swiper-container {
    background-color: var(--blanc) !important;
}
.swiper-slide {
    border-bottom-left-radius: 36px;
    border-bottom-right-radius: 36px;
}
    .nectar-slider-wrap .container h1 {
        color: var(--blanc) !important;
        font-size: 60px !important;
        line-height: 60px !important;
    }
    .swiper-slide .content p {
        font-size: 22px !important;
        line-height: 34px !important;
    }
    .swiper-container .buttons  {
        gap: 6px !important;
    }
        .swiper-container .buttons .button a {
            text-transform: none !important;
            padding: 0 !important;
            border: none !important;
            font-weight: 300 !important;
            font-size: 17px;
            letter-spacing: normal;
            background-repeat: no-repeat;
        }
        .swiper-container .buttons .button a span { /* le <span> est ajouté en JS pour pouvoir appliquer le bon style */
            display: inline-block;
            border: 1px solid transparent;
            padding: 16px 48px 16px 24px;
            margin: 14px 14px 6px 0;
            border-radius: 16px;
            font-size: 15px;
            background-repeat: no-repeat;
            opacity: 1 !important;
        }
            .swiper-container .buttons .button:first-child a span {
                background-color: var(--bleuclair) !important;
                padding: 18px 24px 18px 52px !important;
                background-image: url('../img/computer.png');
                background-position: 14px center;
                color: var(--blanc);
            }
            .swiper-container .buttons .button:nth-child(2) a span {
                border-width: 1px !important;
                border-color: var(--blanc) !important;
                background-color: transparent !important;
                padding: 18px 52px 18px 24px !important;
                background-image: url('../img/people.png');
                background-position: 94% center;
            }

@media (max-width: 600px) {
    .swiper-slide .content h1 {
        line-height: 32px !important;
    }
    .swiper-slide .content p span {
        font-size: 16px !important;
        line-height: 17px !important;
    }
}
/* Slider image */
.swiper-slide:not(.slider_video) .slide-bg-wrap .image-bg:after {
    content:"";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    background: linear-gradient(
        to right,
        rgba(0, 25, 46, 1) 0%,
        rgba(0, 25, 46, 1) 15%,
        rgba(0, 25, 46, 0.33) 100%
    );
}

/* Slider Video */
.swiper-slide.slider_video .video-texture {
    background: linear-gradient(
        to right,
        rgba(0, 25, 46, 1) 0%,
        rgba(0, 25, 46, 1) 35%,
        rgba(0, 25, 46, 0.33) 100%
    );
}
.swiper-slide.slider_video .slide-bg-wrap:after {
    content: "";
    position: absolute;
    right: 12%;
    top: 0;
    height: 100%;
    width: 80%;
    background: transparent url('../img/grille.svg') repeat;
    z-index: 11;
}
.swiper-slide.slider_video .slide-bg-wrap {
    transform: translateX(20%);
}
@media (max-width: 999px) {
    .swiper-slide.slider_video .video-texture {
        display: block !important;
    }
}






/* Header background */
#page-header-bg {
    position: relative;
    border-bottom-left-radius: 36px;
    border-bottom-right-radius: 36px;
}
    #page-header-bg .page-header-bg-image-wrap:after,
    #page-header-bg .nectar-video-wrap:after {
        content:"";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 10;
        background: linear-gradient(
            to right,
            rgba(0, 25, 46, 1) 0%,
            rgba(0, 25, 46, 1) 15%,
            rgba(0, 25, 46, 0.33) 100%
        );
    }
    #page-header-bg .nectar-video-wrap:before {
        content: "";
        position: absolute;
        right: 12%;
        top: 0;
        height: 100%;
        width: 80%;
        background: transparent url('../img/grille.svg') repeat;
        z-index: 11;
    }
    #page-header-bg .nectar-video-wrap video {
        transform: translateX(20%);
    }
#page-header-bg .container h1 {
    color: var(--blanc) !important;
    line-height: 68px;
}
#page-header-bg .container .subheader {
    display: block;
    padding: 12px 0;
    font-size: 24px;
}

@media (min-width: 1200px) {
    #page-header-bg .container {
        margin: 0 auto;
        padding-right: 30%;
    }
}
@media (max-width: 800px) {
    #page-header-bg .page-header-bg-image-wrap:after {
        background: linear-gradient(
            to right,
            rgba(0, 25, 46, 1) 0%,
            rgba(0, 25, 46, 1) 15%,
            rgba(0, 25, 46, 0.74) 100%
        );
    }
    #page-header-bg .container .inner-wrap {
        margin-top: 50px;
    }
    #page-header-bg .container h1 {
        font-size: 46px !important;
        line-height: 46px !important;
    }
    #page-header-bg .container .subheader {
        font-size: 22px;
    }
    .header-cta {
        margin-bottom: 60px;
    }
}






/* Contenus divers */
/* Intro - blocs métiers */
.intro_metiers {
    z-index: 2;
    transform: translateY(-40px);
}
.intro_metiers .wpb_column .vc_column-inner {
    padding: 36px;
    background-color: var(--blanc);
    border-radius: 16px;
    box-shadow: 0 25px 50px -12px rgba(0, 49, 81, 0.20);
}
    .intro_metiers .wpb_text_column:not(.wpb_column) {
        max-width: 74%;
    }
    .intro_metiers .wpb_text_column strong {
        font-weight: 700;
    }
    .intro_metiers .specialite {
        position: absolute;
        width: fit-content;
        top: 36px;
        right: 36px;
        padding: 4px 14px;
        border-radius: 8px;
        font-size: 13px;
        font-weight: 600;
    }
        .specialite.gmao {
            background-color: var(--bleutresclair);
            color: var(--bleuclair);
        }
        .specialite.eam {
            background-color: #FFFAEB;
            color: var(--orange);
        }
        .specialite.esn {
            background-color: #EEFFFB;
            color: var(--vert);
        }
        .specialite_lien {
            position: absolute;
            bottom: 36px;
            right: 36px;  
        }
            .specialite_lien a {
                display: block; 
                text-indent: -9999px;
                width: 40px;
                height: 40px;
                border-radius: 6px;
                border: 1px solid var(--bleuclair);
                background: var(--blanc) url('../img/arrow-blue-right.png') no-repeat center;
            }
@media (min-width: 1000px) {
    .specialite_lien a:hover {
        background: var(--bleuclair) url('../img/arrow-white-right.png') no-repeat center;
    }
}



/* Chiffres-clés */
#chiffres-cles .nectar-milestone {
    position: relative;
}
    #chiffres-cles .nectar-milestone:before {
        content: "";
        position: absolute;
        left: 0;
        top: -26px;
        width: 52px;
        height: 9px;
        border-radius: 999px;
    }
    #chiffres-cles .wpb_column:first-child .nectar-milestone:before {
        background-color: var(--bleuclair);
    }
    #chiffres-cles .wpb_column:nth-child(2) .nectar-milestone:before {
        background-color: var(--vert);
    }
    #chiffres-cles .wpb_column:nth-child(3) .nectar-milestone:before {
        background-color: var(--orange);
    }
    #chiffres-cles .wpb_column:nth-child(4) .nectar-milestone:before {
        background-color: var(--bleumoyen);
    }
    #chiffres-cles .wpb_column:nth-child(5) .nectar-milestone:before {
        background-color: var(--gris-moyen);
    }
.nectar-milestone .number {
    color: var(--bleu);
    font-family: 'Chillax-Semibold';
}
.nectar-milestone .number .symbol-wrap {
    padding: 0 8px;
}
@media (max-width: 999px) {
    #chiffres-cles .wpb_column {
        padding-bottom: 52px;
    }
}
@media (max-width: 1380px) {
    .nectar-milestone .number {
        font-size: 50px !important;
    }
    .nectar-milestone .symbol-wrap {
        font-size: 42px !important;   
    }
}
@media (max-width: 1100px) {
   .nectar-milestone .number {
        font-size: 48px !important;
    }
    .nectar-milestone .symbol-wrap {
        font-size: 40px !important;   
    } 
}




/* Intro - blocs blancs soulignés en couleur */
.blocs_soulignes_couleur .wpb_column .vc_column-inner {
    background-color: var(--blanc);
    padding: 85px 30px 40px 30px;
    border-radius: 16px;
}
    .blocs_soulignes_couleur .wpb_column .vc_column-inner:after {
        content: "";
        position: absolute;
        bottom: -10px;
        left: 9%;
        width: 82%;
        height: 10px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }
        .blocs_soulignes_couleur .wpb_column.bloc_souligne_bleu .vc_column-inner:after {
            background-color: var(--bleutresclair);
        }
        .blocs_soulignes_couleur .wpb_column.bloc_souligne_orange .vc_column-inner:after {
            background-color: var(--orange);
        }
        .blocs_soulignes_couleur .wpb_column.bloc_souligne_vert .vc_column-inner:after {
            background-color: var(--vert);
        }
    .blocs_soulignes_couleur .wpb_column .vc_column-inner .wpb_text_column {
        text-align: left;
    }
        .blocs_soulignes_couleur .wpb_column .vc_column-inner .wpb_text_column p {
            color: var(--bleufonce);
        }
        .blocs_soulignes_couleur .wpb_column .vc_column-inner .wpb_text_column h3 {
            position: relative;
            display: block;
        }
            .blocs_soulignes_couleur .wpb_column .vc_column-inner .wpb_text_column h3:before {
                content: "";
                position: absolute;
                top: -50px;
                left: 0;
                border-radius: 8px;
                padding: 4px 14px;
                height: 24px;
                width: 24px;
            }
                .blocs_soulignes_couleur .wpb_column.bloc_souligne_bleu .vc_column-inner h3:before {
                    background: var(--bleuclair) url('../img/check_box.png') no-repeat center;
                }
                .blocs_soulignes_couleur .wpb_column.bloc_souligne_orange .vc_column-inner h3:before {
                    background: var(--orange) url('../img/eye.png') no-repeat center;
                }
                .blocs_soulignes_couleur .wpb_column.bloc_souligne_vert .vc_column-inner h3:before {
                    background: var(--vert) url('../img/shield.png') no-repeat center;
                }
     


/* Bloc SI Spécifique */
.bloc_si_specifique .liste_numerotee ol {
    counter-reset: etape;
    margin: 60px 0;
    padding: 0;
    display: flex;
    gap: 0;
}
    .bloc_si_specifique .liste_numerotee ol li {
        counter-increment:etape;
        list-style:none;
        flex:1;
        padding:0 40px;
        position:relative;
    }
        .bloc_si_specifique .liste_numerotee ol li:after{
            content:'';
            position:absolute;
            top:0;
            left:0;
            width:1px;
            height:100%;
            background: var(--gris-clair);
        }
        .bloc_si_specifique .liste_numerotee ol li:before {
            font-family: 'Chillax-Medium';
            content:counter(etape, decimal-leading-zero);
            display:block;
            font-size: 56px;
            color: var(--bleuclair);
            margin-bottom: 28px;
        }
        .bloc_si_specifique .liste_numerotee ol li strong {
            display: block;
        }

@media(max-width:999px) {
    .bloc_si_specifique .liste_numerotee ol{
        display:block;
    }
    .bloc_si_specifique .liste_numerotee ol li {
        padding: 0 0 30px;
        margin: 0 0 30px;
        font-size: 16px;
    }
    .bloc_si_specifique .liste_numerotee ol li:after {
        top:auto;
        bottom:0;
        left:0;
        width:100%;
        height:1px;
    }
}




/* Liste - Check */
.liste_check ul {
    margin: 0;
    padding: 20px 0 0 0;
}
.liste_check ul li {
    list-style: none;
    position: relative;
    padding-left: 35px;
    padding: 5px 0 5px 35px;
}
.liste_check ul li:before{
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--blanc) url('../img/check_bleu.png') center center no-repeat;
    background-size: 12px 12px;
}





/* liste Offres */
.liste_offres  .wpb_column .vc_column-inner {
    background-color: var(--blanc);
    padding: 26px 30px 80px 30px;
    border-radius: 16px;
}
    .liste_offres .wpb_column .vc_column-inner .wpb_text_column {
        text-align: left;
        font-size: 16px;
    }
        .liste_offres  .wpb_column .vc_column-inner .wpb_text_column h3 {
            font-size: 32px;
        }
        .liste_offres  .wpb_column .vc_column-inner .wpb_text_column ul {
            padding: 20px 0 0 0;
            margin: 0;
            border-top: 1px solid var(--gris-texte);
        }
            .liste_offres .wpb_column .vc_column-inner .wpb_text_column ul li {
                position: relative;
                list-style: none;
                padding-left: 30px;
                margin-bottom: 12px;
                text-align: left;
            }
            .liste_offres .wpb_column .vc_column-inner .wpb_text_column ul li:before {
                content: "";
                position: absolute;
                top: 2px;
                left: 0;
                width: 20px;
                height: 20px;
                border-radius: 50%;
                background: var(--bleu) url('../img/check.png') center center no-repeat;
                background-size: 12px 12px;
            }
.aligne_bas {
    position: absolute;
    bottom: 20px;
}




/* Bulles expertises */
.bulles_expertises .wpb_text_column {
    position: relative;
    padding: 40px 30px 26px 30px;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 16px;
}
    .bulles_expertises .wpb_text_column p,
    .bulles_expertises .wpb_text_column strong {
        color: var(--blanc) !important;
        padding-bottom: 8px;
    }
    .bulles_expertises .wpb_text_column:before {
        content: "";
        position: absolute;
        top: 20px;
        left: 26px;
        height: 8px;
        width: 50px;
        background: var(--vert);
        border-radius: 4px;
    }




/* Blocs ressources CMS */
.blocs_ressources .vc_column-inner {
    position: relative;
    padding: 40px 30px 100px 30px;
    background-color: var(--bleuclair);
    border-radius: 16px;
}
    .blocs_ressources .wpb_text_column:after {
        content: "";
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        height: 100%;
        width: 80%;
        background: transparent url('../img/grille.svg') repeat;
        background-size: 190%;
        z-index: 20;
    }
    .blocs_ressources .wpb_text_column p {
        color: var(--blanc) !important;
        font-weight: 600;
        font-size: 22px;
        line-height: 28px;
    }
    .blocs_ressources p a.bouton {
        position: absolute;
        bottom: 20px;
        left: 30px;
        z-index: 21;
    }

/* Blocs ressources widget */
.widget-selection-ressources__liste {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 0;
}
    .widget-selection-ressources__item {
        flex: 0 0 100%;
        position: relative;
        padding: 40px 30px 100px 30px;
        background-color: var(--bleuclair);
        border-radius: 16px;
    }
        .widget-selection-ressources__item:after {
            content: "";
            position: absolute;
            left: 50%;
            top: 0;
            transform: translateX(-50%);
            height: 100%;
            width: 80%;
            background: transparent url('../img/grille.svg') repeat;
            background-size: 190%;
            z-index: 20;
        }
    .widget-selection-ressources__item .type_ressource {
        width: fit-content;
    }
    .widget-selection-ressources__item h3 {
        padding-top: 14px;
        color: var(--blanc) !important;
        font-weight: 600;
        font-size: 22px !important;
        line-height: 28px !important;
    }
    .widget-selection-ressources__item a.bouton {
        position: absolute;
        bottom: 20px;
        left: 30px;
        z-index: 21;
    }
@media (min-width: 600px) {
    .widget-selection-ressources__liste {
        gap: 30px 2%;
        justify-content: space-between;
    }
    .widget-selection-ressources__item {
        flex: 0 0 48%;
    }
}
@media (min-width: 920px) {
    .widget-selection-ressources__liste {
        justify-content: start;
    }
    .widget-selection-ressources__item {
        flex: 0 0 31%;
    }
}





/* Connecteur editeurs ERP */
.connecteurs-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 0 30px 0;
}
    .connecteurs-intro {
        padding: 0 0 8px 0;
    }
    .connecteurs-filtres {
        display: flex;
        flex-wrap: wrap;
        gap: 6px 8px;
        margin: 0 0 10px 0;
    }
        .connecteurs-filtre {
            padding: 8px 20px;
            border-radius: 16px;
            font-size: 15px;
            line-height: 15px;
            border: 1px solid var(--bleuclair);
            color: var(--bleufonce);
        }
        .connecteurs-filtre.active {
            color: var(--blanc);
            background-color: var(--bleufonce);
            border: 1px solid var(--bleufonce);
        }
.liste-connecteurs {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 0;
    justify-content: start;
}
    .connecteur-item {
        flex: 0 0 100%;
        background-color: var(--blanc);
        border-radius: 16px;
        box-shadow: 0 6px 24px -2px rgba(8, 52, 91, 0.10);
    }
    .connecteur-item__image {
        background-color: var(--gris-fond);
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
        padding: 20px;
        text-align: center;
    }
        .connecteur-item__image img {
            margin-bottom: 0;
        }
    .connecteur-item__contenu {
        padding: 20px 20px 30px 30px;
    }
        .connecteur-item__taxo {
            display: inline-block;
            background-color: var(--bleumoyen);
            padding: 4px 14px;
            border-radius: 8px;
            font-size: 14px;
            color: var(--blanc);
        }
        .connecteur-item__body h2 {
            padding: 16px 0;
            font-size: 24px !important;
            line-height: 30px !important;
        }
        .connecteur-item__body a {
            color: var(--bleu);
            font-size: 16px;
        }
        .connecteur-item__body a:after {
            content: ">";
            margin: 0 0 0 10px;
        }
@media (max-width: 999px) {
    .connecteurs-intro {
        padding-bottom: 20px;
    }
}
@media (min-width: 800px) {
    .liste-connecteurs {
        gap: 30px 3%;
    }
        .connecteur-item {
            flex: 0 0 48%;
        }
}
@media (min-width: 1000px) {
    .connecteur-item {
        flex: 0 0 31%;
    }
}



/* Fonctionnalités -------------------------------------------------------------------------------------- */
.fonctionnalites-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 0 30px 0;
}
    .fonctionnalites-intro {
    }
    .fonctionnalites-filtres {
        display: flex;
        flex-wrap: wrap;
        gap: 6px 8px;
    }
        .fonctionnalites-filtre {
            padding: 8px 20px;
            border-radius: 16px;
            font-size: 15px;
            line-height: 15px;
            border: 1px solid var(--bleuclair);
            color: var(--bleufonce);
        }
        .fonctionnalites-filtre.active {
            color: var(--blanc);
            background-color: var(--bleufonce);
            border: 1px solid var(--bleufonce);
        }
.liste-fonctionnalites {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 0;
    justify-content: space-between;
}
    .fonctionnalite-item {
        position: relative;
        flex: 0 0 100%;
        background-color: var(--bleu);
        border-radius: 16px;
        box-shadow: 0 6px 24px -2px rgba(8, 52, 91, 0.10);
    }
    .fonctionnalite-item:after {
        content: "";
        position: absolute;
        left: 65%;
        top: 0;
        transform: translateX(-50%);
        height: 100%;
        width: 80%;
        background: transparent url('../img/grille.svg') repeat;
        background-size: 150% ;
        z-index: 20;
    }
    .fonctionnalite-item__contenu {
        padding: 50px 16px 30px 22px;
    }
        .fonctionnalite-item__taxo {
            display: inline-block;
            background-color: var(--orange);
            padding: 4px 14px;
            border-radius: 8px;
            font-size: 14px;
            color: var(--noir);
        }
        .fonctionnalite-item h3 {
            padding: 16px 0;
            font-size: 24px !important;
            line-height: 30px !important;
            color: var(--blanc) !important;
        }
        .fonctionnalite-item__body {
            color: var(--blanc);
        }
        .fonctionnalite-item__lien {
            padding: 14px 0 10px 0;
        }
            .fonctionnalite-item__lien a {
                color: var(--blanc);
                font-size: 16px;
            }
            .fonctionnalite-item__lien a:after {
                content: ">";
                margin: 0 0 0 10px;
            }
@media (max-width: 999px) {
    .fonctionnalites-intro {
        padding-bottom: 20px;
    }
}
@media (min-width: 800px) {
    .liste-fonctionnalites {
        gap: 30px 2%;
    }
    .fonctionnalite-item {
        flex: 0 0 48%;
    }
        .fonctionnalite-item__contenu {
            padding: 50px 20px 30px 30px;
        }
}
@media (min-width: 1000px) {
    .fonctionnalite-item {
        flex: 0 0 31%;
    }
    .fonctionnalite-item__lien a:hover {
        color: var(--bleuclair);
    }
}





/* Pages ------------------------------------------------------------------------------ */
.banniere .col {
    padding: 120px 0 100px 0;
}
    .banniere .col .wpb_column .wpb_text_column {
        max-width: 60%;
    }
    .banniere .col .wpb_column .wpb_text_column h1, 
    .banniere .col .wpb_column .wpb_text_column h2 {
        color: var(--blanc) !important;
    }
.banniere .row-bg-wrap .inner-wrap:before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to right,
        rgba(0, 25, 46, 1) 0%,
        rgba(0, 25, 46, 1) 35%,
        rgba(0, 25, 46, 0.33) 100%
    );
    z-index: 2;
}



/* Bloc contenu fond Bleu */
.bloc_fond_bleu .col .wpb_column .vc_column-inner {
    padding: 30px;
    border-radius: 16px;
    background-color: var(--bleu);
}
    .bloc_fond_bleu .col .wpb_column .vc_column-inner .wpb_text_column p,
    .bloc_fond_bleu .col .wpb_column .vc_column-inner .wpb_text_column h2,
    .bloc_fond_bleu .col .wpb_column .vc_column-inner .wpb_text_column h3,
    .bloc_fond_bleu .col .wpb_column .vc_column-inner .wpb_text_column h4 {
        color: var(--blanc) !important;
    }

.wp-block-group.bloc_fond_bleu {
    padding: 30px;
    border-radius: 16px;
    background-color: var(--bleu);
    margin-bottom: 42px;
}
    .wp-block-group.bloc_fond_bleu p,
    .wp-block-group.bloc_fond_bleu h2,
    .wp-block-group.bloc_fond_bleu h3,
    .wp-block-group.bloc_fond_bleu h4 {
        color: var(--blanc) !important;
    }    




/* Tableau fond bleu clair */
.vc_row-fluid::after {
    z-index: 1;
}
.tableau_fond_bleu_clair table {
    border-radius: 16px;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    margin: 30px 0 40px 0 !important;
}
.tableau_fond_bleu_clair table thead {
    border-bottom: 1px solid var(--bleumoyen) !important;
}
.tableau_fond_bleu_clair table tr {
    border-top: 1px solid var(--bleumoyen) !important;
}
    .tableau_fond_bleu_clair table th {
        font-family: 'Chillax-Medium';
    }
    .tableau_fond_bleu_clair table td {
        font-size: 18px !important;
    }
    .tableau_fond_bleu_clair table th,
    .tableau_fond_bleu_clair table td {
        background-color: var(--bleutresclair);
        padding: 22px 16px !important;
        text-align: left !important;
        color: var(--bleu) !important;
    }
@media (max-width: 920px) {
     .tableau_fond_bleu_clair table td {
        font-size: 16px !important;
    }
}
@media (max-width: 600px) {
     .tableau_fond_bleu_clair table td {
        font-size: 15px !important;
        line-height: 18px;
    }
}
/* Tableau fond blanc */
body:not(.woocommerce-cart) .main-content table thead tr {
    background-color: var(--blanc) !important;
}

body:not(.woocommerce-cart) .main-content table tbody tr:nth-child(odd) {
    background-color: var(--gris-fond) !important;
}
.tableau_blanc {
    border-radius: 16px;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
}
    .tableau_blanc th {
        color: var(--bleuclair);
        font-size: 20px !important;
        padding: 22px 16px !important;
    }
    .tableau_blanc td {
        color: var(--bleufonce);
        font-size: 18px !important;
        padding: 20px 6px !important;
    }
@media (max-width: 920px) {
    .tableau_blanc th {
        font-size: 17px !important;
        line-height: 19px !important;
        padding: 12px 8px !important;
    }
    .tableau_blanc td {
        font-size: 16px !important;
        line-height: 19px !important;
        padding: 12px 8px !important;
    }
}
@media (max-width: 600px) {
    .tableau_blanc th {
        font-size: 14px !important;
        line-height: 16px !important;
        padding: 10px 8px !important;
    }
    .tableau_blanc td {
        font-size: 14px !important;
        line-height: 16px !important;
        padding: 10px 8px !important;
    }
}


/* Tableaux mobile */
@media (max-width: 800px) {
    .tableau_wrapper_scroll {
        position:relative;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling:touch;
        scrollbar-width: thin;
        scrollbar-color: var(--blanc) #e9edf3;
        padding-bottom:10px;
        z-index: 2;
    }
        .tableau_wrapper_scroll::-webkit-scrollbar{
            height: 14px;
        }
        .tableau_wrapper_scroll::-webkit-scrollbar-track{
            background: #e9edf3;
            border-radius: 10px;
        }
        .tableau_wrapper_scroll::-webkit-scrollbar-thumb{
            background: var(--blanc);
            border-radius: 10px;
        }
        .tableau_wrapper_scroll::-webkit-scrollbar-thumb:hover{
            background: #2f6fe6;
        }
    /*
    .tableau_wrapper_scroll::after{
        content:"";
        position:absolute;
        top: 16px;
        right: 0;
        width: 50px;
        height: 92%;
        pointer-events:none;
        background:linear-gradient(to right, rgba(255,255,255,0), #fff);
    }
    */
    .tableau_wrapper_scroll::before{
        content: "⇠";
        position: absolute;
        right: 12px;
        bottom: 0;
        z-index: 3;
        font-size: 18px;
        color: var(--blanc);
        animation: scrollHint 1.2s ease-in-out infinite;
        pointer-events: none;
    }

    @keyframes scrollHint{
        0%,100%{transform:translateX(0);}
        50%{transform:translateX(-8px);}
    }
}





/* Témoignages  ---------------------------------------------------------------------- */
/* Liste témoignages / performances */
.synidia-temoignages {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 20px 0;
}
    .synidia-temoignage {
        flex: 0 0 100%;
        padding-left: 0;
        padding-top: 32px;
        padding-bottom: 32px;
        border-top: 1px solid var(--gris-fonce);
    }
        .synidia-temoignage .synidia-temoignage__secteur {
            position: relative;
            padding-left: 16px;
            margin-bottom: 20px;
        }
            .synidia-temoignage .synidia-temoignage__secteur:before {
                content: "";
                position: absolute;
                left: 0;
                top: 50%;
                width: 8px;
                height: 8px;
                border-radius: 50%;
                transform: translateY(-50%);
            }
            .synidia-temoignage:first-child .synidia-temoignage__secteur:before {
                background: var(--bleuclair);
            }
            .synidia-temoignage:nth-child(2) .synidia-temoignage__secteur:before {
                background: var(--orange);
            }
            .synidia-temoignage:nth-child(3) .synidia-temoignage__secteur:before {
                background: var(--vert);
            }
        .synidia-temoignage__performance {
            display: flex;
            flex-wrap: nowrap;
            justify-content: start;
            align-items: center;
        }
            .synidia-temoignage__perf {
                font-family: 'Chillax-Semibold';
                font-size: 72px;
                line-height: 74px;
                font-weight: 500;
                padding-right: 10px;
            }
                .synidia-temoignage:first-child .synidia-temoignage__perf {
                    color: var(--bleuclair);
                }
                .synidia-temoignage:nth-child(2) .synidia-temoignage__perf {
                    color: var(--orange);
                }
                .synidia-temoignage:nth-child(3) .synidia-temoignage__perf {
                    color: var(--vert);
                }
            .synidia-temoignage__label {
                padding-right: 24px;
                font-weight: 600;
            }    
        .synidia-temoignage .synidia-temoignage__body {
            font-style: italic;
            padding: 16px 0 32px 0;
            font-weight: 300;
        }
            .synidia-temoignage .synidia-temoignage__body p {
                display: inline;
                margin: 0;
            }
            .synidia-temoignage .synidia-temoignage__body:before {
                content: "\00AB\00A0";
            }
            .synidia-temoignage .synidia-temoignage__body:after {
                content: "\00A0\00BB";
            }
        .synidia-temoignage__profil {
            display: flex;
            flex-wrap: nowrap;
            justify-content: start;
            align-items: center;
            gap: 0 4%;
        }
            .synidia-temoignage__vignette {
                flex: 0 0 14%;
            }
                .synidia-temoignage__vignette img {
                    border-radius: 50%;
                    border: 2px solid var(--bleuclair);
                    margin-bottom: 0 !important;
                }
            .synidia-temoignage__infos {
                flex: 0 0 82%;
                font-weight: 300;
            }
@media (min-width: 920px) {
    .synidia-temoignages {
        gap: 46px 2%;
    }
    .synidia-temoignage {
        flex: 0 0 48%;
        padding-left: 36px;
        padding-top: 2px;
        padding-bottom: 2px;
        border-left: 1px solid var(--gris-fonce);
        border-top: none;
    }
}
@media (min-width: 1100px) {
    .synidia-temoignage {
        flex: 0 0 31%;
    }
}




/* Liste témoignages simple */ 
.temoignages-clients_wrapper {
    display: grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap: 30px;
    margin: 40px 0;
}
    .temoignage-client {
        background: var(--blanc);
        border-radius: 16px;
        padding: 30px 30px 30px 46px;
        box-shadow: 0 8px 24px rgba(0,0,0,.08);
        transition: transform .25s ease, box-shadow .25s ease;
    }
        .temoignage-client__body {
            position: relative;
            font-style: italic;
            font-size: 18px;
            line-height: 25px;
            padding: 14px 0 0 0;
        }
        .temoignage-client__body:after {
            content: "";
            position: absolute;
            top: -6px;
            left: -14px;
            width: 20px;
            height: 20px;
            background: transparent url('../img/guillemets.svg') no-repeat;
            background-size: 20px;
        }
        .temoignage-client_cv {
            display: flex;
            flex-wrap: nowrap;
            gap: 0 20px;
        }
            .temoignage-client__photo {
                flex: 0 0 20%;
            }
                .temoignage-client__photo img {
                    width: 80px;
                    height: 80px;
                    border-radius: 50%;
                    border: 2px solid var(--bleuclair);
                    margin-bottom: 0 !important;
                }
            .temoignage-client_nom {
                flex: 0 0 80%;
            }
                .temoignage-client h3 {
                    margin: 0 0 6px;
                    font-size: 18px !important;
                    line-height: 18px !important;
                }
                .temoignage-client__fonction {
                    font-size: 15px;
                }
                .temoignage-client__sous-titre {
                    font-size: 14px;
                }



.temoignage-client__body p:last-child {
    margin-bottom:0;
}
@media (min-width: 1000px) {
    .temoignage-client:hover {
        transform:translateY(-4px);
        box-shadow:0 14px 36px rgba(0,0,0,.12);
    }
}




/* FAQ ------------------------------------------------------------------------------ */
.faq-synidia-wrapper {
    padding: 30px 0 80px 0;
}
.faq-synidia {
    display: flex;
    flex-direction: column;
    gap: 18px;
}
    .faq-synidia-item {
        border: 1px solid var(--gris);
        border-radius: 12px;
        background: var(--blanc);
        text-align: left;
        overflow: hidden;
    }
        .faq-synidia-question {
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 20px;
            padding: 24px 28px;
            border: 0;
            background: transparent;
            cursor: pointer;
            text-align: left;
            font-weight: 700;
            font-size: 20px;
            color: var(--bleu);
        }
            .faq-synidia-icon::before {
                content: "+";
                font-size: 28px;
                line-height: 1;
                color: var(--vert);
                font-weight: 400;
            }
            .faq-synidia-item.is-open .faq-synidia-icon::before {
                content: "−";
            }
        .faq-synidia-answer {
            display: none;
            padding: 0 28px 24px 28px;
        }
            .faq-synidia-item.is-open .faq-synidia-answer {
                display: block;
            }
            .faq-synidia-answer-inner > *:last-child {
                margin-bottom: 0;
            }




/* Shortcode user */
.user-synidia{
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 14px;
}
.user-synidia__image img {
    width: 50px !important;
    height: 50px !important;
    border-radius: 50%;
    display: block;
    margin-bottom: 0 !important;
}
.user-synidia__nom{
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
}






/* CTA flottant pied de page */
#cta_contactexpert {
    display: none;
}
#cta_contactexpert {
    position: fixed;
    width: 300px;
    background-color: var(--bleu);
    border-radius: 12px;
    right: 26px;
    bottom: 10%;
    z-index: 12;
}
    #cta_contactexpert .wpb_text_column {
        padding: 28px 24px 36px 24px;
        color: var(--blanc);
        text-align: center;
        font-weight: 300;
    }
    #cta_contactexpert .wpb_text_column a {
        display: block;
        width: 100%;
        border: 1px solid var(--blanc);
        border-radius: 8px;
        padding: 10px 20px 10px 40px;
        color: var(--blanc);
        background: transparent url('../img/people.png') no-repeat 14px center;
    }




/* CF7 */
.wpcf7-form {
    position: relative;
}
.wpcf7-form .cf7_100 {
    margin-bottom: 8px;
}
.wpcf7-form .cf7_50 {
    display: inline-block;
    margin-bottom: 8px;
    width: 100%;
}
    .wpcf7-form .cf7_50:nth-child(odd) {
        margin-left: 0;
    }
    .wpcf7-form .cf7_50:nth-child(even) {
        margin-right: 0;
    }
    .wpcf7-submit {
        display: inline-block;
        margin: 14px 14px 6px 0;
        border-radius: 16px !important;
        background: var(--bleuclair) url('../img/send.png') no-repeat 92% center;
        color: var(--blanc);
        font-size: 15px;
        opacity: 1 !important;
        text-indent: -26px;
    }
    body[data-button-style*="slightly_rounded"] .wpcf7 input.wpcf7-submit {
        border-radius: 16px !important;
        -webkit-border-radius: 16px !important;
    }
.wpcf7-response-output {
    position: absolute;
	padding: 32px 30px !important;
	color: var(--noir);
}
.wpcf7 .rgpd {
    padding: 26px 0 0 0;
    font-size: 15px;
    line-height: 18px;
}
@media (min-width: 621px) {
    .wpcf7-form .cf7_50 {
        width: 48%;
    }
        .wpcf7-form .cf7_50:nth-child(odd) {
            margin-left: 1%;
        }
        .wpcf7-form .cf7_50:nth-child(even) {
            margin-right: 2%;
        }
}