./*!
Theme Name: Hello Elementor Child
Theme URI:https://elementor.com/
Description: A plain-vanilla & lightweight theme for Elementor page builder
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.0
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: hello-elementor
*/

.elementor-element {
    position: relative;
}
div#hero-form .wpcf7 {
    max-width: 485px;
    width: 100%;
}
.blocages-resultats-wrapper h3 {
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: -0.03px;
    margin: 0;
}
.blocages-resultats-wrapper .item-header {
    display: flex;
    align-items: center;
    gap: 12px;
}
div#hero-form form.wpcf7-form {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
span.wpcf7-not-valid-tip {
    display: none;
}
.input-col-6.label-active.has-value {
    z-index: 9 !important;
}
div#hero-form input.wpcf7-form-control.wpcf7-submit {
    margin-top: 16px;
}
.input-col-6.input-col-6-select {
    z-index: 9 !important;
}
div#hero-form form.wpcf7-form .nice-select {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    height: auto !important;
    width: 100% !important;
    line-height: 0;
}
.input-row {
    display: flex;
    gap: 8px;
    min-height: 37px;
}
.image-a img {
    width: max-content !important;
    height: auto !important;
    aspect-ratio: initial !important;
    object-fit: initial !important;
    border-radius: initial !important;
}
.fonctions-2 .image-a img, .fonctions-2 .image-a {
    z-index: 2;
}
.fonctions-2-image-image .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #040070;
    border-radius: 12px 12px 0 0;
    transform-origin: bottom;
}
.elementor-widget-image {
    position: unset !important;
}

.wpcf7-response-output {
    margin: 0 !important;
    color: #040070 !important;
    font-size: 15px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 130% !important;
    letter-spacing: -0.3px !important;
    border: 1px solid #DBE2EA !important;
    background: #F3F4F8 !important;
    padding: 12px !important;
    border-radius: 8px !important;
}
input.wpcf7-form-control.wpcf7-submit {
    width: 100%;
}
.input-col-6 {
    flex: 1;
}
span.wpcf7-spinner {
    display: none;
}
.input-col-12 {
    width: 100%;
}

/* Reset des marges par défaut de CF7 */
.wpcf7 .input-col-6 p,
.wpcf7 .input-col-12 p {
    margin: 0 !important;
    position: relative;
    overflow: visible;
}
.wpcf7-form-control-wrap {
    position: relative !important;
    height: 100%;
    display: flex;
    justify-content: end;
    flex-direction: column;
    width: 100%;
}
div#hero-form form.wpcf7-form textarea {
    border: none;
    outline: none;
    padding: 12px 0 0 0;
    height: 154px;
}
.input-col-6.input-col-6-select .wpcf7-form-control-wrap {
    justify-content: center;
}
.input-col-6.input-col-6-select.label-active.has-value .wpcf7-form-control-wrap {
    justify-content: end;

}
 form.wpcf7-form br {
    display: none;
}
.wpcf7 .input-col-6 p > label, .wpcf7 .input-col-12 p > label {
    position: absolute;
    left: 0;
    top: 50%;
    pointer-events: none;
    transition: all 0.3s ease;
    transform-origin: left top;
    z-index: 10;
    white-space: nowrap;
    margin: 0;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: -0.02px;
    color: #3A3A3A;
    outline: none;
    transform: translate(0, -50%);
    line-height: 130%;
}


 form.wpcf7-form label span {
    color: #3551F2;
}

/* Cacher le <br> après le label */
.wpcf7 .input-col-6 p > br,
.wpcf7 .input-col-12 p > br {
    display: none;
}


section.article-content a {
    font-weight: 600;
    font-size: 15px;
    line-height: 140%;
    letter-spacing: -0.2px;
    color: #3551F2;
}
section.article-content li {
    color: #040070;
}	

div#classic-content {
    max-width: 888px;
    width: 100%;
    margin-top: 48px;
}
/* Cacher les placeholders initialement */
.wpcf7-form-control::placeholder {
    opacity: 0 !important;
    transition: opacity 0.3s ease;
}

form.wpcf7-form.invalid .input-row > div.has-error {
    border: 1px solid #ff6565;
}
div#classic-content h2 {
    font-weight: 600;
    font-size: 28px;
    line-height: 100%;
    letter-spacing: -0.3px;
    margin-top: 0;
    padding-top: 8px;
    margin-bottom: 16px;
}
div#classic-content p {
    margin-bottom: 16px;
}
.input-group .input-row > div {
    border: none !important;
    padding: 0 !important;
    min-height: auto !important;
    border-radius: 0 !important;
    display: block !important;
}
form.wpcf7-form p {
    margin: 0 !important;
    height: 100%;
    width: 100%;
}
.faq-filtered-container {
    margin-bottom: 16px;
}
.wpcf7 .input-col-12.input-col-12-textarea p > label {
    top: 0;
    transform: translate(0, 0);
}
div#hero-form .e-con-inner {
    display: flex;
    align-items: center;
    gap: 40px;
}
.hero-form-contact div#hero-form-1-code {
    margin-top: 0;
}
div#classic-content .elementor-widget-text-editor, div#classic-content .elementor-widget-text-editor p {
    color: #3A3A3A;
}
a {
    color: #3A3A3A;
}
/* Animation des labels - État actif via classes JavaScript */
.input-col-6.label-active > p > label,
.input-col-12.label-active > p > label,
.floating-label-up {
    font-size: 12px;
    line-height: 130%;
    letter-spacing: -0.2px;
    color: #777A8D;
    top: -3px !important;
    transform: translate(0, 0);
}

.input-col-6:not(.label-active.has-value) p > label {
    top: 50% !important;
    font-size: 15px !important;
    color: #3A3A3A !important;
    transform: translate(0, -50%) !important;
}

.input-col-6:not(.label-active.has-value) .nice-select .current {
    opacity: 0;
}
li.option.selected.disabled.focus {
    display: none;
}

/* Labels pour champs avec focus */
.wpcf7-form-control:focus + * + label,
.wpcf7-form-control:focus ~ label {
    font-size: 12px;
    line-height: 130%;
    letter-spacing: -0.2px;
    color: #777A8D;
    top: -3px !important;
    transform: translate(0, 0);
}

/* Alternative pour cibler le label après focus */
.input-col-6:focus-within > p > label,
.input-col-12:focus-within > p > label {
    font-size: 12px;
    line-height: 130%;
    letter-spacing: -0.2px;
    color: #777A8D;
    top: -3px !important;
    transform: translate(0, 0);
}




.input-row input {
    font-weight: 500;
    font-size: 15px;
    letter-spacing: -0.02px;
    color: #3A3A3A;
    outline: none;
    padding-bottom: 0;
    padding-left: 0;
    line-height: normal;
}

/* Responsive design */
@media (max-width: 640px) {
    .input-col-6.label-active > p > label,
    .input-col-12.label-active > p > label,
    .floating-label-up {
        transform: translateY(-20px) scale(0.85) !important;
    }
}




/* Fixes additionnels pour CF7 */
.wpcf7 .input-col-6,
.wpcf7 .input-col-12 {
    isolation: isolate;
}

/* S'assurer que les labels sont bien positionnés par rapport au bon parent */
.wpcf7 p {
    position: relative !important;
}

.input-row > div {
    border: 1px solid #DBE2EA;
    display: flex;
    border-radius: 11px;
    justify-content: space-between;
    padding: 12px;
    align-items: center;
    background: #fff;
    min-height: 61px;
}
div#hero-form {
    margin-top: 48px;
    max-width: 1295px;
    width: 100%;
    background: #EAF1FF;
    padding: 48px 0;
    border-radius: 20px;
    width: calc(100% - 100px);
}
div#hero-form-2 {
    max-width: 53%;
    width: 100%;
}
div#hero-form-1-text p {
    color: #040070;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -0.4px;
    margin: 0;
}
div#hero-form-1-code {
    margin-top: 24px;
}



button{
    text-shadow: none !important;
}

.valeurs-tabs-nav {
    border-radius: 12px;
    border: 1px solid #DBE2EA;
    background: #FFF;
    display: flex;
    padding: 4px;
    align-items: center;
    width: max-content;
    max-width: max-content;
}
.valeurs-tabs-nav button.tab-btn {
    border-radius: 8px;
    border: none !important;
    background: transparent;
    display: flex;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    color: #040070;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -0.3px;
    outline: none !important;
    width: max-content;
}
.valeurs-tabs-nav button.tab-btn.active {
    border: none !important;
    background: #3551F2;
    color: #fff !important;
    outline: none !important;
}
.valeurs-tabs-nav button.tab-btn.active:hover {
    border: none !important;
    background: #3551F2;
    color: #fff !important;
    outline: none !important;
}
.valeurs-tabs-nav button.tab-btn:hover {
    border: none !important;
    background: transparent;
    color: #040070 !important;
    outline: none !important;
    border-color: transparent !important;
}

    



    .valeurs-tabs-content {
        position: relative;
    }
    
    .tab-content {
        display: none;
    }
    
    .tab-content.active {
        display: block;
        animation: fadeIn 0.3s ease;
    }
    

    
    .nos-valeurs-images {
        position: relative;
    }
    
    .valeur-image {
        display: none;
    }
    
    .valeur-image.active {
        display: flex;
        animation: fadeIn 0.3s ease;
    }
    
.valeur-image img {
    border-radius: 12px;
    aspect-ratio: 523 / 661;
    opacity: 1;
    object-fit: cover;
    height: 100%;
    max-width: 523px;
    max-height: 661px;
}
    @keyframes fadeIn {
        from { opacity: 0; }
        to { opacity: 1; }
    }



div#nos-valeurs-apropos-1-title h2 {
    margin: 0;
    max-width: 407px;
    width: 100%;
}
div#nos-valeurs-apropos-1-btn-1 {
    margin-bottom: 16px;
}
div#nos-valeurs-apropos-1-textes {
    margin-top: 64px;
}
.valeurs-tabs-content {
    margin-top: 62px;
}
div#nos-valeurs-apropos-2 {
    width: 100% !important;
    max-width: 48% !important;
}
div#nos-valeurs-apropos-1 {
    padding-right: 0;
    justify-content: center;
    max-width: 623px;
    width: 100%;
}
div#nos-valeurs-apropos .e-con-inner {
    justify-content: space-between;
    gap: 20px;
}
div#nos-labels {
    margin-top: 184px;
    max-width: 1374px;
    width: 100%;
    background: #EAF1FF;
    padding: 64px 0;
    border-radius: 20px;
    width: calc(100% - 100px);
}
div#nos-labels-btn-1 {
    margin-bottom: 16px;
}
div#nos-labels-text-1 h2 {
    margin: 0;
    margin-bottom: 24px;
}

div#nos-labels-text-1 {
    max-width: 850px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
div#nos-labels-images {
    display: flex;
    justify-content: center;
    flex-direction: row;
    margin-top: 32px;
    gap: 8px;
    flex-wrap: nowrap;
}
div#nos-labels-images > div:not(div#nos-labels-images > div:last-child) img {
    mix-blend-mode: multiply;
}
div#nos-labels-text-1 p {
    color: #040070;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.3px;
    max-width: 520px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
div#nos-labels-text-1 p:last-child {
    margin-bottom: 0;
}
.valeurs-tabs-content h3 {
    margin-top: 0;
    margin-bottom: 24px;
}
.valeurs-tabs-content p {
    color: #3A3A3A;
}
.valeurs-tabs-content p:last-child {
    margin-bottom: 0;
}
.nice-select.connection {
    margin-right: 12px;
}
        .brand-item {
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 31px;
            width: auto !important; /* Largeur automatique */
        }
        .brand-logo {
            width: auto;
            height: auto;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            transition: transform 0.3s ease;
        }
        .brand-logo:hover {
            transform: scale(1.1);
        }
.brand-logo img {
    max-width: none !important;
    max-height: 100px;
    width: auto !important;
    height: auto !important;
    object-fit: contain;
    filter: grayscale(100%);
    transition: filter 0.3s ease;
    min-height: auto;
}
        .brand-logo:hover img {
            filter: grayscale(0%);
        }
   div#header-2-apropos-code {
    margin-top: 65px;
}
.brands-gallery-wrapper {
    max-width: 795px;
    width: 100%;
    margin: auto;
}
.frs .isupplier-valeurs-tabs {
    display: none;
}
div#topbar {
    background: #3551F2;
    height: 32px;
    max-height: 32px;
    color: #fff;
}
.faq-tabs {
    border-radius: 12px;
    border: 1px solid #DBE2EA;
    background: #FFF;
    display: flex;
    padding: 4px;
    align-items: center;
    width: max-content;
    max-width: max-content;
    margin-left: auto;
    margin-right: auto;
}
.bc-tabs {
    border-radius: 12px;
    border: 1px solid #DBE2EA;
    background: #FFF;
    display: flex;
    padding: 4px;
    align-items: center;
    width: max-content;
    max-width: max-content;
    margin-left: auto;
    margin-right: auto;
}

button.faq-tab {
    border-radius: 8px;
    border: 1px solid transparent;
    background: transparent;
    display: flex;
    width: 141px;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    color: #040070;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -0.3px;
    outline: none !important;
}
button.faq-tab.active {
    border: 1px solid #373DEC !important;
    background: #3551F2;
    color: #fff !important;
    outline: none !important;
}
button.faq-tab.active:hover {
    border: 1px solid #373DEC !important;
    background: #3551F2;
    color: #fff !important;
    outline: none !important;
}
button.faq-tab:hover {
    border: none !important;
    background: transparent;
    color: #040070 !important;
    outline: none !important;
}
button.faq-tab img {
    filter: brightness(0) saturate(100%) invert(8%) sepia(68%) saturate(7469%) hue-rotate(249deg) brightness(70%) contrast(123%);
}
button.bc-tab {
    border-radius: 8px;
    border: 1px solid transparent;
    background: transparent;
    display: flex;
    width: 141px;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    color: #040070;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -0.3px;
    outline: none !important;
}
button.bc-tab.active {
    border: 1px solid #373DEC !important;
    background: #3551F2;
    color: #fff !important;
    outline: none !important;
}
button.bc-tab.active:hover {
    border: 1px solid #373DEC !important;
    background: #3551F2;
    color: #fff !important;
    outline: none !important;
}
button.bc-tab:hover {
    border: none !important;
    background: transparent;
    color: #040070 !important;
    outline: none !important;
}
.bc-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.collaborations-item a {
    text-decoration: none;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 24px;
}
.business-case-grid-container {
    max-width: 996px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    gap: 48px;
}
main.page-content-detail-business_case {
    padding-left: 50px;
    padding-right: 50px;
}
button.bc-tab img {
    filter: brightness(0) saturate(100%) invert(8%) sepia(68%) saturate(7469%) hue-rotate(249deg) brightness(70%) contrast(123%);
}
button.bc-tab.active img {
    filter: brightness(0) saturate(100%) invert(96%) sepia(4%) saturate(16%) hue-rotate(142deg) brightness(104%) contrast(105%);
}
div#business-cases-2 {
    margin-top: 48px;
}
.faq-item {
    border: 1px solid #EEF1F4;
    background: #fff;
    border-radius: 16px;
    padding: 20px;
    cursor: pointer;
}
span.faq-question-2 span.faq-question-text p {
    font-size: 20px;
}
.faq-filtered-container .faq-item {
    padding: 19px;
}
span.faq-question-text {
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: -0.03px;
    color: #3A3A3A;
}
.faq-answer-content p {
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    letter-spacing: -0.02px;
}
.faq-answer-content p:last-child {
    margin-bottom: 0;
}
.faq-item.faq-open .faq-question {
    margin-bottom: 20px;
}
.faq-question {
    display: flex;
    align-items: center;
    gap: 4px;
    justify-content: space-between;
    width: 100%;
}

span.faq-toggle-icon {
    display: flex;
}
.faq-container {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.filter-tabs {
    display: none;
}
svg.faq-icon-minus {
    display: none;
}
.faq-question[aria-expanded="true"] .faq-icon-minus {
    display: block;
}
.faq-question[aria-expanded="true"] .faq-icon-plus {
    display: none;
}
.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    background: var(--faq-white);
    width: 100%;
}
.faq-item.faq-open .faq-answer {
    max-height: 500px;
}
.faq-results-container {
    display: flex;
    flex-direction: column;
    gap: 64px;
    margin-top: 48px;
}
h2.faq-group-title {
    margin-top: 0;
    margin-bottom: 48px;
}
div#faq-section {
    margin-top: 48px;
}
button.faq-tab.active img {
    filter: brightness(0) saturate(100%) invert(96%) sepia(4%) saturate(16%) hue-rotate(142deg) brightness(104%) contrast(105%);
}
div#topbar .e-con-inner {
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    gap: 12px;
}
div#text-topbar span {
    color: #FFF;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 13px;
    letter-spacing: -0.26px;
    margin: 0;
}
div#text-topbar p {
    margin: 0;
}
div#text-topbar span {
    color: #FFF !important;
}

div#btn-white-topbar a {
    color: #00083C;
    font-size: 11.5px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.23px;
    display: flex;
    padding: 2px 8px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border: none;
    background: #FFF;
}
div#btn-white-1-topbar a {
    background: transparent;
    border: none;
    padding: 0;
    color: #FFF;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 13px;
    letter-spacing: -0.26px;
    display: flex;
    position: relative;
    flex-direction: row;
    padding-right: 19px;
    height: 13px;
}
div#fonctionnalites {
    margin-top: 148px;
    z-index: 1;
}
div#fonctionnalites-text-1 {
    max-width: 447px;
    margin-left: auto;
    margin-right: auto;
}
div#btn-white-1-topbar a:after {
    background-image: url('/wp-content/uploads/2025/08/arrow-right-white.svg');
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    width: 13px;
    height: -webkit-fill-available;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    transition: all .3s;
    transition-behavior: normal;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s;
}
div#btn-white-1-topbar {
    border-bottom: 1px solid #FFFFFF;
    border-radius: 0;
    padding-bottom: 1px;
    transition: all .3s;
    transition-behavior: normal;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s;
}
div#header > .e-con-inner {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 24px;
    max-width: 1200px;
}
div#header-1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 24px;
    padding: 0;
}
div#header-2 {
    display: flex;
    flex-direction: row;
    gap: 12px;
    justify-content: right;
    padding: 0;
    align-items: center;
}
div#header {
    padding-top: 12px;
    padding-bottom: 12px;
    background: #F9F9FB;
}
div#header-logo img {
    width: 100%;
    max-width: 146px;
}
div#header-menu nav ul li a {
    color: #040070;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -0.3px;
    padding: 0;
}
div#header-menu nav ul li.current-menu-item a {
    color: #373DEC;
}
div#header-menu nav ul li a:hover {
    color: #373DEC;
}
div#header-menu nav ul {
    display: flex;
    gap: 16px;
}
div#header-menu nav ul:before,div#header-menu nav ul:after {
    display: none;
}
.btn-blue-1 a {
    color: #040070 !important;
    font-size: 15px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 130% !important;
    letter-spacing: -0.3px !important;
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    border-bottom: 1px solid #040070 !important;
    border-radius: 0 !important;
    padding-bottom: 2px !important;
}
a {
    text-shadow: none !important;
}
.btn-grey a {
    color: #040070 !important;
    font-size: 15px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 130% !important;
    letter-spacing: -0.3px !important;
    border: 1px solid #DBE2EA !important;
    background: #F3F4F8 !important;
}
div#header .btn-brimary a {
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 130% !important;
    letter-spacing: -0.3px !important;
}
.header-wpml select {
    display: none;
}
.nice-select:after {
    width: 8px !important;
    height: 5px !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/2025/08/arrow-bottom-blue-wpml.svg) !important;
    border: none !important;
    z-index: 99999 !important;
    opacity: 1 !important;
    right: -13px !important;
    transform: rotate(0deg) translate(0%,-50%) !important;
    top: 50% !important;
    margin-top: 0 !important;
}
form.wpcf7-form .nice-select:after {
    background-image: url(/wp-content/uploads/2025/08/Vector-20.svg) !important;
    width: 10px !important;
    height: 4px !important;
    opacity: 1 !important;
    right: 0px !important;
}
form.wpcf7-form .nice-select-dropdown {
    width: 100%;
}
.nice-select.open:after {
    transform: rotate(-180deg) translate(0%,0%) !important;
    margin-top: -4px !important;
}
.custom-select-language.form-control, .custom-select-language {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none;
    background-color: transparent !important;
    border: none !important;
    width: 100% !important;
    cursor: pointer;
    padding: 0 !important;
    color: #040070 !important;
    border-radius: 0 !important;
    height: auto !important;
    text-indent: 0 !important;
    box-shadow: none !important;
    font-size: 15px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 130% !important;
    letter-spacing: -0.3px !important;
    text-transform: uppercase;
    width: max-content !important;
}
.nice-select .option {
    color: #040070;
    padding: 0 15px !important;
    width: 100%;
    max-width: 100%;
}

.nice-select.connection {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none;
    background-color: transparent !important;
    border: none !important;
    cursor: pointer;
    padding: 0 !important;
    color: #040070 !important;
    border-radius: 0 !important;
    height: auto !important;
    text-indent: 0 !important;
    box-shadow: none !important;
    font-size: 15px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 130% !important;
    letter-spacing: -0.3px !important;
    width: max-content !important;
    border: none !important;
    background: transparent !important;
    border-bottom: 1px solid #040070 !important;
    padding-bottom: 2px !important;
}
select.connection {
    cursor: pointer;
    padding: 0 !important;
    color: #040070 !important;
    border-radius: 0 !important;
    text-indent: 0 !important;
    box-shadow: none !important;
    font-size: 15px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 130% !important;
    letter-spacing: -0.3px !important;
    border: none !important;
    background: transparent !important;
}

.custom-select-wrapper-language {
    position: relative;
    display: flex;
    width: 30px;
    gap: 4px;
    max-width: 30px;
}
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
    background: #F3F4F8 !important;
}
.nice-select .nice-select-dropdown {
    box-shadow: none !important;
    border: 1px solid #DBE2EA !important;
}
.btn-blue-1 a:hover {
    color: #373DEC !important;
    border-bottom: 1px solid #373DEC !important;;
}
.btn-grey a:hover {
    color: #373DEC !important;
    border-color: #373DEC !important;
}
.btn-primary-grey a:hover {
    color: #373DEC !important;
    border-color: #373DEC !important;
}
div#btn-white-1-topbar a:hover {
    color: #040070;
}
div#btn-white-1-topbar:hover {
    border-bottom: 1px solid #040070;
}
div#btn-white-1-topbar a:hover:after {
    filter: brightness(0) saturate(100%) invert(5%) sepia(90%) saturate(3862%) hue-rotate(218deg) brightness(97%) contrast(103%);
}
.not-clickable {
  pointer-events: none;
  cursor: default;
}
div#valeurs-1-btn {
    display: flex;
    justify-content: center;
    margin-bottom: 16px;
}
div#valeurs-1-text h2 {
    margin-top: 0;
    margin-bottom: 24px;
}
div#valeurs-1-text p {
    color: #040070;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.3px;
    max-width: 520px;
    width: 100%;
}
.isupplier-last-posts {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

a.isupplier-post-thumb {
    display: flex;
}
span.isupplier-post-cat {
    color: #3551F2;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: block;
    margin-bottom: 8px;
}
.home footer#site-footer {
    margin-top: 148px;
}
h3.isupplier-post-title a {
    color: #040070;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -0.6px;
    text-decoration: none;
}
h3.isupplier-post-title a:hover {
    color: #3551F2;
}
div#nos-articles-1 > div {
    padding: 0;
}
p.isupplier-post-excerpt {
    color: #3A3A3A;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.3px;
    margin-bottom: 0;
}
a.isupplier-post-thumb img {
    border-radius: 12px;
    aspect-ratio: 384 / 230;
    width: 100%;
    margin-bottom: 24px;
    object-fit: cover;
}

.articles-grid-container a.isupplier-post-thumb img {
    aspect-ratio: 316 / 316;
}

h3.isupplier-post-title {
    margin-top: 0;
    margin-bottom: 16px;
    display: flex;
}
.isupplier-post-meta {
    display: flex;
    flex-direction: column;
}
.isupplier-valeurs-tabs {
    border-radius: 12px;
    border: 1px solid #DBE2EA;
    background: #FFF;
    display: flex;
    padding: 4px;
    align-items: center;
    width: max-content;
    max-width: max-content;
    margin-left: auto;
    margin-right: auto;
}
.isupplier-valeurs-tabs .isupplier-tab img {
    filter: brightness(0) saturate(100%) invert(8%) sepia(68%) saturate(7469%) hue-rotate(249deg) brightness(70%) contrast(123%);
}
.isupplier-valeurs-tabs .isupplier-tab.is-active img {
    filter: brightness(0) saturate(100%) invert(96%) sepia(4%) saturate(16%) hue-rotate(142deg) brightness(104%) contrast(105%);
}

button.isupplier-tab {
    border-radius: 8px;
    border: 1px solid transparent;
    background: transparent;
    display: flex;
    width: 141px;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    color: #040070;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; 
    letter-spacing: -0.3px;
    outline: none !important;
}
div#etapes-1-title {
    margin-bottom: 32px;
}
div#etapes-2 {
    /* max-width: 688px !important; */
    width: 100% !important;
    max-width: 53% !important;
}
div#etapes-1 {
    padding-right: 0;
    justify-content: center;
}
div#etapes-1-btn-1 {
    margin-bottom: 16px;
}
li.step-text .step-image-text p {
    color: #040070;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.3px;
}
li.step-text.inactive .step-image-text p {
    display: none;
}
/* Pop rapide au clic */
.step-text.clicked,
.step-image.clicked {
  animation: pop-click 180ms ease-out forwards;
}

@keyframes pop-click {
  0%   { transform: scale(1); }
  55%  { transform: scale(0.98); }
  100% { transform: scale(1); }
}

/* Apparition douce de l'étape active */
.step-text.animate-in .step-image-text,
.step-image.animate-in {
  animation: fade-slide-in 260ms ease-out both;
}

@keyframes fade-slide-in {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Respecte les préférences d'accessibilité */
@media (prefers-reduced-motion: reduce) {
  .step-text.clicked,
  .step-image.clicked,
  .step-text.animate-in .step-image-text,
  .step-image.animate-in {
    animation: none !important;
  }
}

div#steps-textes {
    max-width: 510px;
    width: 100%;
    margin-bottom: 32px;
}
 div#steps-textes li.step-text  h3 {
    margin-top: 0;
    margin-bottom: 0;
}
div#steps-textes li.step-text.active   h3 {
    margin-bottom: 24px;
}
.step-image-text {
    padding: 24px 0;
}
.step-image-text p:last-child {
    margin-bottom: 0;
}
div#steps-textes .etapes > ul {
    display: flex;
    flex-direction: column;
}
div#steps-textes .etapes > ul > li:not(div#steps-textes .etapes > ul > li:last-child) {
    border-bottom: 1px solid #92A9D5
}

li.step-text .step-image-text h3 {
    color: #92A9D5;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -0.84px;
}
li.step-text.active .step-image-text h3 {
    color: #040070;
}
.step-image.inactive {
    display: none;
}
ul.without-style {
    padding: 0;
    list-style: none;
}
div#etapes-1-title h2 {
    margin-top: 0;
    margin-bottom: 0;
}



.faq-filtered-container .faq-question p {
    margin: 0 !important;
}
.faq-filtered-container  span.faq-question-text-2 p {
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: -0.3px;
}
.faq-filtered-container .faq-question-2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    width: 100%;
}
.faq-filtered-container .faq-question {
    gap: 24px;
}
li.step-image img {
    border-radius: 12px;
    aspect-ratio: 588 / 688;
    opacity: 1;
    object-fit: cover;
}
div#etapes {
    margin-top: 148px;
    max-width: 1374px;
    width: 100%;
    background: #EAF1FF;
    padding: 64px 0;
    border-radius: 20px;
}
div#blocages-resultats-text-1 h2 {
    margin: 0;
    margin-bottom: 24px;
}
div#blocages-resultats-btn-1 {
    margin-bottom: 16px;
}
button.isupplier-tab:hover {
    border: none !important;
    background: transparent;
    color: #040070 !important;
    outline: none !important;
}
div#blocages-resultats-text-1 p {
    color: #040070;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.3px;
    max-width: 520px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
div#blocages-resultats-text-1 p:last-child {
    margin-bottom: 0;
}
div#blocages-resultats-shortcode {
    margin-top: 24px;
    margin-bottom: 48px;
}
button.isupplier-tab.is-active {
    border: 1px solid #373DEC !important;
    background: #3551F2;
    color: #fff !important;
        outline: none !important;

}
button.isupplier-tab.is-active:hover {
    border: 1px solid #373DEC !important;
    background: #3551F2;
    color: #fff !important;
    outline: none !important;
}

.isupplier-valeurs-grid {
    margin-top: 48px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
}
.isupplier-card {
    display: flex;
    height: 390px;
    padding: 0;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    flex: 1 0 0;
    border-radius: 16px;
    border: 1px solid #EEF1F4;
    background: #FFF;
    max-width: 294px;
}

/* .isupplier-card {
    visibility: hidden;
}
.isupplier-valeurs.all-ready .isupplier-card {
    visibility: visible;
} */

.isupplier-card-content {
    padding: 24px 24px 0 24px;
}
.isupplier-card-title h3 {
    color: #040070;
    text-align: center;
    font-size: 19px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -0.57px;
    margin-top: 0;
    margin-bottom: 16px;
}
.isupplier-card-text p {
    color: #040070;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.32px;
}
div#valeurs-1-text p:last-child {
    margin-bottom: 24px;
}
div#valeurs-1-text {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}
div#header {
    border-bottom: 1px solid transparent;
}

.btn-label a, .contact-form-section-1 > p > strong {
    border-radius: 100px !important;
    display: flex;
    padding: 3px 7px !important;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #815931 !important;
    font-size: 13px !important;
    font-style: normal;
    font-weight: 500 !important;
    line-height: normal !important;
    letter-spacing: -0.26px !important;
    width: max-content !important;
    text-decoration: none !important;
    border: 1px solid #DBBEA1 !important;
    background: #F4EBE3 !important;
}
.contact-form-section-1 h2 {
    font-weight: 500;
    font-size: 28px;
    line-height: 100%;
    letter-spacing: -0.03px;
    color: #040070;
    margin-top: 0;
    margin-bottom: 24px;
}
.contact-form-section-1 > p {
    margin-bottom: 16px;
}
.input-group {
    border: 1px solid #DBE2EA;
    display: flex;
    border-radius: 11px;
    justify-content: space-between;
    padding-top: 3.5px;
    padding-right: 3px;
    padding-bottom: 3.5px;
    padding-left: 20px;
    align-items: center;
}
.input-row input {
    border: none;
}
.contact-form-section-1 form p {
    margin: 0;
    display: flex;
    flex-direction: column;
}
.contact-form-section-1 form p br {
    display: none;
}
.contact-form-section-1 form label {
    font-weight: 500;
    font-size: 12px;
    line-height: 130%;
    letter-spacing: -0.02px;
    color: #777A8D;
}
.contact-form-section-1 form label span {
    color: #3551F2;
}
.contact-form-section-1 form input {
    font-weight: 500;
    font-size: 15px;
    letter-spacing: -0.02px;
    color: #3A3A3A;
    outline: none;
    padding-bottom: 0;
    padding-left: 0;
}
.contact-form-section-1 form input::placeholder {
  color: #3A3A3A;
  opacity: 1;
}
.contact-form-section-1 form input::-ms-input-placeholder {
  color: #3A3A3A;
}


div#bloc-1-1, div#bloc-1-2 {
    padding: 0;
    width: 100%;
}
div#bloc-1-2 {
    max-width: 630px;
    display: block;
	max-height: 938px;
}
div#bloc-1-2 .elementor-element {
    display: flex;
    justify-content: end;
    width: 100%;
    height: 100%;
}
div#bloc-1-1 {
    max-width: 100%;
    width: auto;
    justify-content: end;
    padding-bottom: 55px;
}
div#bloc-1.not-home div#bloc-1-1 {
    justify-content: center;
    padding-bottom: 0;
}
.isupplier-card-image {
    padding: 0 0;
    display: flex;
    justify-content: center;
}
div#blocages-resultats {
    margin-top: 104px;
    max-width: 1374px;
    width: 100%;
    background: #EAF1FF;
    padding: 64px 0;
    border-radius: 20px;
}
div#bloc-1-1 > div {
    max-width: 486px;
    width: 100%;
}
/* 
div#bloc-1.not-home div#bloc-1-1 > div {
    max-width: 500px;
    width: 100%;
} */

div#bloc-1:not(.not-home) > .e-con-inner {
    justify-content: space-between;
    gap: 30px;
    margin-left: 0;
}
div#bloc-1:not(.not-home) {
    padding-top: 15px;
    padding-right: 0;
    padding-left: 0;
}

div#bloc-1 {
    height: calc(100vh - 140px);
}
div#bloc-1.not-home {
    height: calc(100vh - 140px - 48px);
}
div#bloc-1.not-home {
    margin-top: 48px;
}
.elementor-widget-button .elementor-button {
    text-decoration: none;
}
div#bloc-1-1-1 {
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 48px;
}
div#bloc-1-1-2 img {
    height: 20px;
    width: max-content;
}
div#bloc-1-1-2 p {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 4px;
}
div#bloc-1-1-2 {
    padding: 0;
    display: flex;
    flex-direction: row;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 16px;
}
div#bloc-1.not-home div#bloc-1-1-2 {
    margin-top: 50px;
}
div#bloc-1-text p, div#bloc-1-text {
    color: #040070;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -0.4px;
    margin: 0;
}
div#bloc-1-1-2 p {
    color: #040070;
    font-size: 11.5px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.23px;
}
header#masthead {
    position: fixed !important;
    left: 50%;
    transform: translate(-50%, 0);
    width: 100%;
    max-width: 100%;
    z-index: 99999999999;
    background: #fff;
    z-index: 999 !important;
}
main#content {
    padding-top: 110px;
}

div#valeurs {
    margin-top: 104px;
}


h1 {
    position: relative;
}

div#header-menu {
    width: 100%;
    max-width: 100%;
}

h1 span[style*="color"] {
    background: linear-gradient(90deg, #f9f9fb00 0%, #C6DAFF 100%);
    padding: 0 8px 0 0;
    border-radius: 0 8px 8px 0;
    position: relative;
    display: inline-block;
    color: #040070 !important;
}
div#hero-form h1 span[style*="color"] {
    background: linear-gradient(90deg, #EAF1FF 0%, #fff 100%);
}


div#bloc-1-1 h1 {
    margin: 0;
    margin-bottom: 24px;
    line-height: 120%;
}

div#bloc-1:not(.not-home) div#bloc-1-1 h1 {
    line-height: 100%;
}
div#bloc-1:not(.not-home) div#bloc-1-1 {
    padding-bottom: 0;
	justify-content: center;
}
div#bloc-1.not-home > div {
    align-items: center;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

div#bloc-1-1 .btn-label {
    margin-bottom: 16px;
}


/* Loader avec points animés */
.page-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999;
    transition: opacity 0.5s ease-out, visibility 0.5s ease-out;
}

.page-loader.fade-out {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

/* Animation des points */
.loader-dots {
    display: flex;
    gap: 8px;
}

.loader-dots div {
    width: 12px;
    height: 12px;
    background-color: #040070;
    border-radius: 50%;
    animation: dots-bounce 1.4s infinite ease-in-out both;
}

.loader-dots div:nth-child(1) {
    animation-delay: -0.32s;
}

.loader-dots div:nth-child(2) {
    animation-delay: -0.16s;
}

.loader-dots div:nth-child(3) {
    animation-delay: 0s;
}

@keyframes dots-bounce {
    0%, 80%, 100% {
        transform: scale(0.8);
        opacity: 0.5;
    }
    40% {
        transform: scale(1.2);
        opacity: 1;
    }
}

/* Masquer le contenu pendant le chargement */
body.loading {
    overflow: hidden;
}

body.loading .elementor,
body.loading .elementor-section,
body.loading .elementor-widget,
body.loading header,
body.loading footer,
body.loading main {
    visibility: hidden !important;
    opacity: 0;
}

body.loaded .elementor,
body.loaded .elementor-section,
body.loaded .elementor-widget,
body.loaded header,
body.loaded footer,
body.loaded main {
    visibility: visible !important;
    opacity: 1;
    transition: opacity 0.3s ease-in;
}

/* Animation d'apparition du contenu */
body.loaded .elementor {
    animation: fadeInContent 0.5s ease-in;
}

@keyframes fadeInContent {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Variantes de couleurs pour les points */
.loader-dots.blue div { background-color: #3498db; }
.loader-dots.green div { background-color: #2ecc71; }
.loader-dots.orange div { background-color: #f39c12; }
.loader-dots.purple div { background-color: #9b59b6; }
.loader-dots.red div { background-color: #e74c3c; }

div#collaborations {
    padding-top: 156px;
    background: #f9f9fb;

    z-index: 2;
}
div#header-2-apropos {
    margin-top: 48px;
}
div#collaborations:not(.not-home) {
    padding-left: 0;
    padding-right: 0;
}
div#collaborations.not-home {
    max-width: 1300px;
    padding-left: 0;
    padding-right: 0;
}
.content-related div#collaborations.not-home {
    max-width: 1096px;
    width: 100%;
}
div#collaborations-btn-1 {
    margin-bottom: 24px;
    padding-left: 50px;
    padding-right: 50px;
    width: max-content !important;
    max-width: max-content !important;
}
.content-related div#collaborations-btn-1 {
    margin-bottom: 16px;
}
div#slides_avantages_slider {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.collaborations-item-1 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    z-index: 3;
}
span.collaborations-category {
    display: flex;
    padding: 4px 8px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    color: #040070;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.26px;
    width: max-content;
}
h3.preuve-texte-1 {
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: -0.3px;
    margin-top: 0;
    margin-bottom: 20px;
}

p.preuve-texte-2 {
    font-weight: 600;
    font-size: 56px;
    line-height: 100%;
    letter-spacing: -0.03px;
    margin: 0;
    color: #3A3A3A;

}
p.preuve-texte-3 {
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    letter-spacing: -0.02px;
    color: #3A3A3A;
        margin: 0;

}
div#nos-histoire {
    margin-top: 156px;
    overflow: hidden;
}
div#nos-histoire-btn {
    margin-bottom: 16px;
}
.nos-preuves-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}
div#nos-histoire h2 {
    margin-top: 0;
    margin-bottom: 24px;
}
div#nos-histoire-text p {
    color: #040070;
}
div#nos-histoire-text p:last-child {
    margin-bottom: 0;
}
div#nos-histoire-text {
    max-width: 588px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
.histoire-icone {
    border: 1.75px solid #373DEC;
    width: 52px;
    height: 52px;
    border-radius: 12px;
    padding: 2.92px;
    background: #3551F2;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 26px;
    z-index: 2;
    position: relative;
}
.histoire-item > *:not(.histoire-icone) {
    max-width: 322px;
    width: 100%;
}
.histoire-icone img {
    width: auto;
    height: 24px;
}
div#nos-histoire-code {
    margin-top: 65px;
}
.histoire-annee {
    font-weight: 600;
    font-size: 42px;
    line-height: 100%;
    letter-spacing: -0.3px;
    color: #040070;
    margin-bottom: 20px;
}
p.histoire-texte-2 {
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    letter-spacing: -0.02px;
    color: #3A3A3A;
    margin: 0;
}
div#nos-valeurs-apropos {
    margin-top: 156px;
}
h3.histoire-texte-1 {
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: -0.47px;
    margin: 0;
    margin-bottom: 20px;
}
.histoire-item {
    position: relative;
    width: 370px;
}
.notre-histoire-wrapper {
    width: 2000px;
}
.histoire-item:before {
    content: '';
    border-top: 1px dashed #3551F2;
    z-index: 1;
    position: absolute;
    top: 26px;
    width: 100%;
    border-width: 1px;
    border-style: dashed;
    border-color: #3551F2;
    transform: rotate(0deg);
    border-image: repeating-linear-gradient( to right, #3551F2  0, #3551F2 2px, transparent 2px, transparent 4px ) 1;
}
.preuve-card {
    padding: 36px 24px 0 24px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 54px;
}
.preuve-card:last-child {
    padding: 36px 24px 36px 24px;
}
.faq-item.faq-open {
    box-shadow: 0px 2.14px 14.98px 0px #0000001F;
}
div#nos-articles {
    padding-top: 148px;
    background: #f9f9fb;
    z-index: 2;
    padding-bottom: 148px;
}
.preuve-image {
    display: flex;
    width: 100%;
}
.preuve-image img {
    width: 100%;
}
div#footer-2 p {
    color: #FFF;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.26px;
    margin: 0;
}
body:not(.home) div#footer-2 p {
    color: #3A3A3A;
}
div#footer-1 {
    margin-bottom: 64px;
}
div#footer-2 > .e-con-inner > div {
    padding: 0 !important;
}
div#footer-1-1 {
    max-width: 200px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100% !important;
}
div#footer-2 > div {
    border-top: 1px solid #FFFFFF;
    padding-top: 24px;
    max-width: 1200px;
}
body:not(.home) div#footer-1-logo img {
    filter: brightness(0) saturate(100%) invert(22%) sepia(0%) saturate(1573%) hue-rotate(151deg) brightness(87%) contrast(88%);
}
div#footer-2 > div {
    border-top: 1px solid #ccc;
}
.otgs-development-site-front-end {
    display: none;
}
.wpml-ls-statics-footer {
    display: none;
}
div#footer-1-1 > div {
    max-width: 146px;
    width: 100%;
}
footer h2 {
    color: #FFF !important;
    font-size: 15px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: normal !important;
    letter-spacing: -0.3px !important;
    margin-top: 0;
    padding-bottom: 12px;
    padding: 0;
}
body:not(.home) footer h2 {
    color: #3A3A3A !important;
}

.hfe-nav-menu:after, .hfe-nav-menu:before {
    display: none;
}
div#footer-1 > .e-con-inner > div {
    padding: 0;
    width: max-content;
}
div.footer-1-icons .elementor-social-icon {
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    width: max-content !important;
}
div.footer-1-icons {
    padding: 0;
    margin-bottom: 8px;
}
div#footer-1 .elementor-social-icon svg {
    width: 30px;
    height: 30px;
}





body:not(.home) footer .elementor-social-icon svg{
    fill: #3A3A3A !important;
}
body:not(.home) footer .elementor-social-icon svg:hover {
    fill: #373DEC !important;
}
div.footer-1-icons .elementor-social-icon {
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
}
div#footer-1 > div {
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: space-between;
    max-width: 1200px;
}
div#nos-articles-1 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: end;
    padding: 0;
}
.home footer {
    background: #040070 !important;
    padding-top: 64px;
    padding-bottom: 48px;
    z-index: 2;
    position: relative;
}
footer nav ul li  a {
    color: #FFF !important;
    font-size: 13px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
    letter-spacing: -0.26px !important;
    padding: 0 !important;
}
body:not(.home) footer nav ul li  a {
    color: #3A3A3A !important;
}
footer nav ul:before,footer nav ul:after{
    display: none;
}
footer nav ul{
    display: flex;
    flex-direction: column;
    gap: 4px;
}
footer nav ul li a:hover, body:not(.home) footer nav ul li a:hover {
    color: #8f8f8f !important;
}
div#nos-articles-shortcode {
    margin-top: 64px;
}
div#nos-articles-1-btn-1 {
    margin-bottom: 16px;
}
div#nos-articles-1-text h2 {
    margin: 0;
}
span.collaborations-role {
    display: flex;
    padding: 4px 8px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    color: #040070;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.26px;
    width: max-content;
    background: #C9DBFD;
}
div#collaborations-text {
    max-width: 524px !important;
    width: 100% !important;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 56px;
    padding-left: 50px;
    padding-right: 50px;
}
.content-related div#collaborations-text {
    max-width: 720px !important;
}
div#collaborations-text h2 {
    margin: 0;
}
div#collaborations-btn-2 {
    margin-top: 40px;
    max-width: max-content !important;
}
div#etapes_3-1-text p {
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
    color: #040070;
}
div#etapes_3-1-text p:last-child {
    margin-bottom: 0;
}
div#etapes_3-1-shortcode {
    margin-top: 48px;
}
div#etapes_3-1-text h2 {
    margin-top: 0;
    margin-bottom: 16px;
}
div#etapes_3-1-btn-1 {
    margin-bottom: 16px;
}
div#etapes_3 {
    margin-top: 148px;
    max-width: 1374px;
    background: #EAF1FF;
    padding: 64px 0;
    border-radius: 20px;
    width: calc(100% - 100px);
}
div#etapes_3-1-shortcode {
    margin-top: 48px;
    max-width: 1300px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 50px;
    padding-right: 50px;
}
.bloc-3_etape-texte h3 {
    margin-top: 0;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: -0.03px;
    margin-bottom: 16px;
}
div#etapes_3-1-btn-2 {
    margin-top: 48px;
}
.bloc-3_etape-texte p:last-child {
    margin-bottom: 0;
}
.bloc-3_etape-image img {
    border-radius: 12px;
    aspect-ratio: 344 / 230;
    width: 100%;
}
.bloc-3_etape-image {
    display: flex;
    margin-bottom: 24px;
}
div#bloc-3_etapes-item {
    border: 1px solid #AEC9FF;
    padding: 20px;
    border-radius: 12px;
    background: #fff;
    position: relative;
}


div#bloc-1:not(.not-home) div#bloc-1-2 img {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    object-fit: cover;
    aspect-ratio: 630 / 783;
    width: 100%;
}
div#cta-footer {
    margin-top: 148px;
    padding: 40px;
    border-radius: 20px;
    max-width: 994px;
    width: calc(100% - 100px);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
div#cta-footer-1-text h2 {
    font-weight: 500;
    font-size: 28px;
    letter-spacing: -0.02px;
    text-align: center;
    line-height: 100%;
    margin-top: 0;
    margin-bottom: 24px;
}
body:not(.home) footer {
    margin-top: 48px;
    padding-top: 64px;
    padding-bottom: 48px;
}
div#cta-footer-1 {
    padding: 64px 48px;
    background: #fff;
    border-radius: 20px;
    max-width: 384px;
}
div#bloc-3_etapes-item:not(div#bloc-3_etapes-item:last-child):after {
    content: '';
    background-image: url(/wp-content/uploads/2025/08/Frame-135.svg);
    width: 52px;
    height: 52px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(39px, -50%);
    z-index: 9;
}
div#bloc-3_etapes {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
div#etapes_3-1-text {
    max-width: 794px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
div#collaborations > div {
    width: 100%;
    max-width: 100%;
}
div#header-2-apropos-image img {
    border-radius: 20px;
    object-fit: cover;
    aspect-ratio: 996 / 464;
}
.collaborations-item {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  width: 351px;
  min-width: 351px;
  aspect-ratio: 351/455;
}

.collaborations-item > a {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 24px;
  gap: 24px;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  z-index: 2; /* contenu au-dessus */
}

/* Pseudo-élément pour le background image */
.collaborations-item > a::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: inherit;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  transform: scale(1);
  transition: transform 0.6s ease; /* fluide */
  border-radius: 12px;
  z-index: 1;
}

/* Zoom uniquement sur l’image */
.collaborations-item:hover > a::before {
  transform: scale(1.15);
}


.bc-grid .collaborations-item {
    max-width: 316px;
    aspect-ratio: 316 / 455;
    min-width: auto;
    background-size: cover;
    background-position: center;
    width: 100%;
}

section.hero-section {
    margin-top: 48px;
    max-width: 1200px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
section.hero-section .row {
    display: flex;
    align-items: center;
    justify-content: space-between;
     gap: 20px;
}
section.hero-section .col-image {
    border-radius: 12px;
    aspect-ratio: 587 / 670;
    object-fit: cover;
    width: 100%;
    max-width: 587px;
}
section.hero-section .image-wrapper img {
    border-radius: 12px;
    aspect-ratio: 587 / 670;
    object-fit: cover;
    width: 100%;
}
.cta-wrapper {
    margin-top: 24px;
}
.image-wrapper {
    display: flex;
}
section.content-sections .row {
    max-width: 990px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    gap: 20px;
    justify-content: space-between;
}
section.content-sections .col-right {
    max-width: 585px;
    width: 100%;
}
section.content-sections  .col-left h2 {
    max-width: 274px;
    width: 100%;
    margin: 0;
}
section.content-sections > .container {
    display: flex;
    flex-direction: column;
    gap: 64px;
}
section.content-sections .col-right h3 {
    margin-top: 0;
    margin-bottom: 16px;
}
section.content-sections .col-right p {
    color: #040070;
    line-height: 140%;
}
section.content-sections .col-right > div > h3:not(section.content-sections .col-right > div > h3:first-child) {
    margin-top: 24px;
}
.interview-cta {
    margin-top: 48px;
}
.interview-cta a {
    width: 100%;
}
div#no-preuves {
    margin-top: 190px;
}
.chiffres-list {
    background: #FFFFFF;
    border-radius: 12px;
    padding-top: 30px;
    padding-right: 24px;
    padding-bottom: 30px;
    padding-left: 24px;
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.chiffre-number {
    font-weight: 600;
    font-size: 28px;
    line-height: 100%;
    letter-spacing: -0.03px;
    color: #040070;
    margin-bottom: 12px;
}
div#no-preuves-text p {
    color: #040070;
}
div#no-preuves-text {
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
div#no-preuves-text h2 {
    margin-top: 0;
    margin-bottom: 24px;
}
div#no-preuves-btn-1 {
    margin-bottom: 16px;
}
div#no-preuves-text p:last-child {
    margin-bottom: 0;
}
div#no-preuves-code {
    margin-top: 65px;
}
.chiffre-text p {
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: -0.03px;
    margin: 0;
}
section.content-sections li {
   font-size: 15px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: -0.3px;
    color: #040070;
}
.label-content {
    border-radius: 100px !important;
    display: flex;
    padding: 3px 7px !important;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #815931 !important;
    font-size: 13px !important;
    font-style: normal;
    font-weight: 500 !important;
    line-height: normal !important;
    letter-spacing: -0.26px !important;
    width: max-content !important;
    text-decoration: none !important;
    border: 1px solid #DBBEA1 !important;
    background: #F4EBE3 !important;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 14px;
}
span.faq-question-text-2 {
    text-align: right;
}
section.article-content ul, .classic-content ul {
    padding-left: 10px;
    list-style: none !important;
}
section.article-content li, .classic-content li {
    position: relative;
    padding-left: 10px;
}
section.article-content li::before, .classic-content li::before {
    content: "•";
    position: absolute;
    left: 0px;
    font-size: 16px;
    line-height: 1;
    color: #040070;
    top: 11px;
    transform: translate(0, -50%);
}
.chiffre-item {
    max-width: 165px;
    width: 100%;
}
.chiffres-additional-text {
    margin-top: 24px;
}
section.content-sections {
    max-width: 1374px;
    width: 100%;
    border-radius: 20px;
    padding-top: 64px;
    padding-bottom: 64px;
    opacity: 1;
    background: #F3EDE9;
    margin-left: auto;
    margin-right: auto;
    margin-top: 110px;
    padding-left: 12px;
    padding-right: 12px;
}
section.hero-section .col-content {
    max-width: 512px;
    width: 100%;
}
section.hero-section .description p, section.hero-section .description {
    color: #040070;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -0.4px;
}

section.hero-section .col-content p:last-child {
    margin-bottom: 0;
}
div#collaborations.not-home .collaborations-item {
    max-width: 384px;
    width: 100%;
    aspect-ratio: 384 / 455;
    max-height: 455px;
    min-width: 384px;
}
.content-related div#collaborations.not-home .collaborations-item {
    max-width: 316px;
    width: 100%;
	min-width: 316px;
    aspect-ratio: 316 / 455;
    max-height: 455px;
}
.owl-carousel .owl-stage {
    display: flex;
}

div#fonctionnalites-btn-1 {
    margin-bottom: 20px;
    justify-content: center;
    display: flex;
}
div#fonctionnalites-text-1 h2 {
    margin: 0;
}
.slides_avantages_item {
    display: flex;
    padding: 48px 0 !important;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid #EEF1F4;
    background: #FFF;
}
.slides_avantages_item_content {
    max-width: 1016px;
    padding: 0 20px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    width: 100%;
}
.slides_avantages_item_1 {
    max-width: 384px;
    width: 100%;
}
.slides_avantages_item_1_1 .btn-label {
    margin-bottom: 24px !important;
}
.slides_avantages_item_title h3 {
    margin: 0;
}
.slides_avantages_item_title {
    margin-bottom: 33px;
}
.slides_avantages_item_text p {
    color: #3A3A3A;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.3px;
}
.slides_avantages_item_text {
    margin-bottom: 24px;
}
.slides_avantages_item_text > p {
    margin-bottom: 0;
}
.slides_avantages_item_2 {
    max-width: 408px;
    width: 100%;
    display: flex;
    position: relative;
}
.slides_avantages_item_2 img {
    aspect-ratio: 408 / 453;
    object-fit: cover;
    border-radius: 12px;
}
#slides_avantages_dots.stacking-dots {
    position: absolute;
    left: -45px;
    bottom: 0;
    z-index: 50;
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity .25s ease;
    --dot-color: #111;
    --dot-track: #D9D9D9;
    --progress: 0;
    z-index: 99999;
    width: max-content;
    top: 50% !important;
}


div#slides_avantages_shortcode {
    position: relative;
}
#slides_avantages_dots.stacking-dots.is-visible {
  opacity: 1;
  pointer-events: auto;
}


/* Le bouton “dot” */
#slides_avantages_dots .stacking-dot__link {
  position: relative;
  width: 12px;
  height: 12px;
  padding: 0;
  border-radius: 50%;
  border: 2px solid var(--dot-color);
  background: transparent;
  cursor: pointer;
  z-index: 2; /* au-dessus du rail */
}

/* Dot actif (étape courante) */
#slides_avantages_dots .stacking-dot__link.is--active {
  background: var(--dot-color);
}

/* Étapes passées (optionnel) */
#slides_avantages_dots .stacking-dot__link.is--passed {
  background: var(--dot-color);
  opacity: .45;
}
div#slides_avantages_shortcode { position: relative; }
/* Conserve tes styles existants pour #slides_avantages_dots */

div#fonctionnalites > div {
    max-width: 1200px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
div#interactive_display {
    padding: 0 !important;
}
.display-container {
    max-width: 100% !important;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
div#fonctionnalites-shortcode {
    margin-top: 65px;
    padding-bottom: 0;
}

div#interactive_display > div {
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}

button.stacking-dot__link {
    width: 5px !important;
    height: 5px !important;
    background: #CCC !important;
    border-color: #CCC !important;
    border-radius: 50% !important;
    padding: 0 !important;
}

button.stacking-dot__link.is--active{
    border-radius: 10px !important;
    background: #040070 !important;
    border-color: #040070 !important;
    width: 5px !important;
    height: 48px !important;
}
footer .custom-select-language.form-control, footer .custom-select-language {
    color: #fff !important;
    font-size: 13px !important;
    line-height: 100% !important;
    letter-spacing: 0 !important;
    border: 1px solid #FFFFFF !important;
    border-radius: 8px !important;
    padding: 16px 20px 16px 16px  !important;
}
body:not(.home) footer .custom-select-language.form-control, footer .custom-select-language {
    color: #3A3A3A !important;
    border: 1px solid #3A3A3A !important;
}
footer .custom-select-wrapper-language {
    width: max-content;
    max-width: max-content;
}
footer .nice-select:after {
    right: 9px !important;
}
body.home footer .nice-select:after {
    filter: brightness(0) saturate(100%) invert(100%) sepia(2%) saturate(7464%) hue-rotate(305deg) brightness(101%) contrast(108%);
}
footer select.custom-select-language.form-control {
    display: none;
}

  /* =========================
       VARIABLES CSS GLOBALES
    ========================= */
    :root {
        --blocages-primary: #3551F2;
        --blocages-secondary: #777A8D;
        --blocages-bg-gradient: linear-gradient(135deg, #f1f5ff 0%, #e0ebff 100%);
        --blocages-card-bg: #ffffff;
        --blocages-border: #e5e7eb;
        --blocages-shadow: 0 4px 20px rgba(0,0,0,0.06);
        --blocages-shadow-hover: 0 8px 30px rgba(0,0,0,0.1);
        --blocages-text: #374151;
        --blocages-radius: 16px;
        --blocages-central-size: 100px;
        --blocages-gap: 12px;
        
    }
    
    /* =========================
       CONTENEUR PRINCIPAL
    ========================= */

    
    /* =========================
       LAYOUT GRID PRINCIPAL
    ========================= */
.blocages-resultats-wrapper {
    gap: clamp(80px, 10vw, 140px);
    align-items: center;
    justify-items: center;
    position: relative;
    z-index: 2;
    min-height: 500px;
    display: flex;
    justify-content: space-between;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 50px;
    padding-right: 50px;
}

    /* =========================
       COLONNES GAUCHE ET DROITE
    ========================= */
    .blocages-column, .resultats-column {
        display: flex;
        flex-direction: column;
        gap: var(--blocages-gap);
        justify-content: center;
        height: 100%;
        width: 100%;
        max-width: 384px;
    }
        
    .blocages-column {
        align-items: start;
    }
    
    .resultats-column {
        align-items: end;
    }
    
    /* =========================
       CARTES (ITEMS)
    ========================= */
    .blocage-item, .resultat-item {
        display: flex;
        gap: 12px;
        position: relative;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        box-sizing: border-box;
        width: 100%;
        border: 1px solid #DBE2EA;
        background: #FAFAFA;
        border-radius: 16px;
        padding: 20px;
        flex-direction: column;
        align-items: start;
        max-width: 384px;
    }
    .resultat-item {
        border: 1px solid #3551F2
    }

    .blocage-item:hover,
    .resultat-item:hover {
        transform: translateY(-3px);
    }
    .item-icon {
        background: #DBE2EA;
        border-radius: 8px;
        padding: 10px;
        width: 44px;
        height: 44px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .resultat-item .item-icon {
        background: #3551F2;
    }
    .item-icon img {
        width: auto;
        height: 24px;
        opacity: 1;
        filter: brightness(0) saturate(100%) invert(14%) sepia(64%) saturate(0%) hue-rotate(200deg) brightness(98%) contrast(79%);
    }
    .resultat-item .item-icon img{
        filter: brightness(0) saturate(100%) invert(100%) sepia(2%) saturate(3%) hue-rotate(137deg) brightness(117%) contrast(100%);
    }
    /* =========================
       CONTENU DES CARTES
    ========================= */
    .item-content {
        flex: 1;
        font-size: clamp(14px, 1.2vw, 16px);
        line-height: 1.6;
        color: var(--blocages-text);
        font-weight: 400;
    }
    .item-content p {
        margin: 0;
        font-weight: 400;
        font-size: 16px;
        line-height: 140%;
        letter-spacing: -0.02px;
    }
    
    /* =========================
       ÉLÉMENT CENTRAL
    ========================= */
    .central-element {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        z-index: 3;
        grid-column: 2;
        grid-row: 1;
    }
    

    .central-icon {
        position: relative;
        border-radius: 16.18px;
        padding: 37px;
        background: #fff;
        transition: all 0.3s ease;
    }

    .central-icon::before {
        content: '';
        position: absolute;
        inset: 0;
        padding: 4px;
        background: linear-gradient(90deg, #777A8D 0%, #3551F2 100%);
        border-radius: inherit;
        mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        mask-composite: xor;
        -webkit-mask-composite: xor;
    }


    .central-icon:hover {
        transform: scale(1.05);
    }
    
    .central-icon svg {
        width: 45px;
        height: auto;
        opacity: 1;
    }
    /* =========================
       LIGNES DE CONNEXION SVG
    ========================= */
    .connection-lines-svg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        pointer-events: none;
    }
    
    .connection-path {
        fill: none;
        stroke-width: 4px;
        opacity: 1;
        stroke-linecap: round;
        stroke-linejoin: round;
        transition: opacity 0.3s ease;
    }
    
    .connection-path.from-left {
        stroke: var(--blocages-secondary);
    }
    
    .connection-path.to-right {
        stroke: var(--blocages-primary);
    }

    div#fonctions {
    margin-top: 148px;
}
div#fonctions-0-btn-1 {
    margin-bottom: 16px;
}
div#fonctions-0-text h2 {
    margin: 0;
    margin-bottom: 24px;
}
div#fonctions-0-text {
    margin-bottom: 84px;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
div#fonctions-0-text p {
    color: #040070;
    max-width: 520px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
div#fonctions-0-text p:last-child {
    margin-bottom: 0;
}
.fonctions-2 {
    display: flex;
    flex-direction: row !important;
    align-items: center;
    gap: 30px;
    justify-content: space-between;
    padding: 0;
    max-width: 1004px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
.fonctions-2-content-text h3 {
    margin-top: 0;
    margin-bottom: 64px;
}
.fonctions-2 > div {
    padding: 0;
}
.fonctions-2-content {
    max-width: 384px;
    width: 100%;
}
.fonctions-2-content-btn-1 {
    margin-bottom: 24px !important;
}
.fonctions-2-content-text p:last-child {
    margin-bottom: 0;
}
.fonctions-2-content-text {
    margin-bottom: 24px !important;
}
.fonctions-2:not(.fonctions-2:last-child) {
    margin-bottom: 74px;
}
.fonctions-2-image-image img {
    border-radius: 12px;
    aspect-ratio: 487 / 550;
    object-fit: cover;
    max-width: 487px;
}
.fonctions-2-image {
    width: max-content;
}
div#bloc-1.not-home div#bloc-1-2 img {
    border-radius: 20px;
#    aspect-ratio: 588 / 641;
#    object-fit: cover;
}
div#hero-form-2 img {
    border-radius: 20px;
#    aspect-ratio: 588 / 641;
#    object-fit: cover;
}
div#bloc-404 {
    position: relative;
    height: calc(100vh - 141.8px);
}
div#bloc-404 .btn-label a {
    border-color: #fff !important;
    background: transparent !important;
    color: #fff !important;
    margin-bottom: 13px !important;
}
div#bloc-404 h1.title-container {
    text-align: center;
    color: #fff !important;
}
div#btns-404 {
    display: flex;
    justify-content: center;
    flex-direction: row;
    gap: 8px;
}
div#bloc-404 p {
    color: #fff;
    font-weight: 500;
    font-size: 20px;
    letter-spacing: 0.2px;
    text-align: center;
    max-width: 590px;
    width: 100%;
    margin-bottom: 24px;
}
div#bloc-404 .e-con-inner {
    align-items: center;
    justify-content: center;
}
div#custom_breadcrumb {
    border: 0.81px solid #DBE2EA;
    border-radius: 12px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    cursor: pointer;
}
div#custom_breadcrumb img {
    width: max-content;
    height: max-content;
    max-width: max-content;
}
body:not(.menu-mobile-active) #icon-open-menu{
    display: block;
}
body:not(.menu-mobile-active) #icon-close-menu{
    display: none;
}
.menu-mobile-active header {
    height: 100% !important;
    background: #f9f9fb !important;
    min-height: 100vh;
    z-index: 9999999999999 !important;
}
.menu-mobile-active div#header > .e-con-inner {
    max-width: 600px;
}
div#header-mobile-popup > div > div {
    padding: 0;
}
.menu-mobile-active div#header-mobile-popup > div {
    max-width: 600px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
body.menu-mobile-active #icon-open-menu{
    display: none;
}
body.menu-mobile-active #icon-close-menu{
    display: block;
}
/* 
.isupplier-card-media.isupplier-card-media-multiple {
    align-items: end;
    display: flex;
} */
body:not(.menu-mobile-active) div#header-mobile-popup{
    display: none;
}
body.menu-mobile-active div#header-mobile-popup{
    display: flex;
}
div#topbar-1 {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
}
div#topbar .e-con-inner > div {
    max-width: max-content;
}
div#topbar .e-con-inner > div {
    padding: 0;
}

     .isupplier-card {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            border: 1px solid #EEF1F4;
            transition: background-color .3s ease, border-color .3s ease;
            overflow: hidden; /* Important pour masquer le contenu qui dépasse */
        }

        article.isupplier-card .isupplier-card-media {
            max-height: 150px; /* Valeur fixe suffisante pour afficher le contenu */
            overflow: hidden;
            position: relative;
            margin-top: auto;
            width: 100%;
            transition: max-height 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);
                height: 100%;
        }
         article.isupplier-card:hover .isupplier-card-media {
            max-height: 54% !important; /* Grande valeur pour simuler "auto" */
        }

         article.isupplier-card:hover .isupplier-card-media.isupplier-card-media-multiple {
            max-height: 150px !important;
        }

     
        .isupplier-card[data-has-multi="0"] .isupplier-card-media img {
            width: auto;
            height: auto;
        }

         .isupplier-card[data-has-multi="1"] .isupplier-card-media img {
            width: max-content;
            max-width: 240px;
        }
         .isupplier-card[data-has-multi="1"] .isupplier-card-media .item {
            max-width: 240px;
        }

        .isupplier-card[data-has-multi="1"] .owl-carousel {
            overflow: visible;
        }
        .isupplier-card[data-has-multi="1"] .owl-carousel .owl-stage-outer {
            overflow: visible;
        }

.articles-grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 48px 24px;
}

.contact-form-section {
    grid-column: 1 / -1;
    border-radius: 20px;
    padding: 40px;
    opacity: 1;
    background-image: url('/wp-content/uploads/2025/08/newsletter-back-2.png');
    min-height: 372px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    display: flex;
    align-items: center;
    justify-content: end;
}
.contact-form-section-1 {
    border-radius: 20px;
    opacity: 1;
    padding: 48px;
    aspect-ratio: 493 / 277;
    max-width: 493px;
    width: 100%;
    background: #FFFFFF;
    float: right;
}
.article-image img {
    border-radius: 12px;
    aspect-ratio: 510 / 510;
    object-fit: cover;
    width: 100%;
}
.page-content-detail-article {
    padding-left: 50px;
    padding-right: 50px;
}
div#related-articles-section {
    margin-top: 148px;
    max-width: 996px;
    width: 100%;
    padding: 0;
}
div#related-articles-section-text {
    max-width: 610px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
div#related-articles-section  a.isupplier-post-thumb img {
    aspect-ratio: 316 / 316;

}
div#related-articles-section-text h2 {
    margin-top: 0;
    margin-bottom: 56px;
}
div#related-articles-section-btn-1 {
    margin-bottom: 16px;
}
section.article-content {
    max-width: 1374px;
    border-radius: 20px;
    padding-top: 34px;
    padding-bottom: 64px;
    opacity: 1;
    background: #F3EDE9;
    margin-left: auto;
    margin-right: auto;
    margin-top: 110px;
    padding-left: 12px;
    padding-right: 12px;
    width: calc(100% - 100px);
}
section.article-content > .container {
    max-width: 588px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
section.article-content p {
    color: #040070;
    margin-bottom: 24px;
}
section.article-content h2 {
    margin-top: 0;
    padding-top: 40px;
    margin-bottom: 24px;
}
section.article-content .btn-brimary a {
    width: 100%;
    max-width: 100%;
}
section.article-content .btn-brimary {
    padding-top: 40px;
    margin-bottom: 24px;
}
section.article-content img {
    border-radius: 12px;
    width: 100%;
    object-fit: cover;
    margin-top: 40px;
}
.article-meta hr {
    width: 3px;
    height: 3px;
    background: #3A3A3A;
    margin: 0;
    border-radius: 50%;
    max-width: 3px;
}
.article-meta {
    font-weight: 400;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0;
    color: #3A3A3A;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
}
.article-category {
    color: #3551F2;
}
.article-header-text p {
    color: #040070;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -0.4px;
}
h1.title-container {
    margin-top: 0;
    margin-bottom: 24px;
}
section.article-header .col-left {
    border-radius: 12px;
    aspect-ratio: 510 / 510;
    object-fit: cover;
    width: 100%;
    max-width: 510px;
}
.article-header-text p:last-child {
    margin-bottom: 0;
}
.article-image {
    display: flex;
}
section.article-header .row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
section.article-header .col-right {
    max-width: 612px;
    width: 100%;
}

div#header-classic-2 {
    margin-top: 48px;
    max-width: 1096px;
    width: 100%;
}
div#header-classic-2-1-btn-1 {
    margin-bottom: 16px;
}
div#header-classic-2-1-text h1 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 24px;
}
section.article-header {
    margin-top: 48px;
    max-width: 1200px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
div#header-classic-2-1-text p {
    color: #040070;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -0.4px;
    margin: 0;
}
.header-classic-2-apropos div#header-classic-2-1-text p {
    max-width: 636px;
    margin-left: auto;
    margin-right: auto;
}
div#header-classic-2-1 {
    max-width: 636px;
    margin: auto;
    width: 100%;
    padding: 0;
}
.header-classic-2-apropos div#header-classic-2-1 {
    max-width: 788px;
}
.category-filters {
    border-radius: 12px;
    border: 1px solid #DBE2EA;
    background: #FFF;
    display: flex;
    padding: 4px;
    align-items: center;
    width: max-content;
    max-width: max-content;
    margin-left: auto;
    margin-right: auto;
}
div#header-classic-2-2 {
    margin-top: 48px;
    padding: 0;
}
button.filter-btn {
    border-radius: 8px;
    border: 1px solid transparent;
    background: transparent;
    display: flex;
    width: 141px;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    color: #040070;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -0.3px;
    outline: none !important;
    text-shadow: none !important;
}
button.filter-btn.active {
    border: 1px solid #373DEC !important;
    background: #3551F2;
    color: #fff !important;
    outline: none !important;
}
div#articles-container {
    margin-top: 48px;
} 
button.filter-btn:hover {
    border: none !important;
    background: transparent;
    color: #040070 !important;
    outline: none !important;
    border-color: transparent !important;
}
button.filter-btn.active:hover {
    border: 1px solid #373DEC !important;
    background: #3551F2;
    color: #fff !important;
    outline: none !important;
}








 form.wpcf7-form .nice-select .current {
    font-weight: 500;
    font-size: 15px;
    letter-spacing: -0.02px;
    color: #3A3A3A;
    outline: none;
    padding-bottom: 0;
    padding-left: 0;
    line-height: normal;
}




@media only screen and (min-width: 768px) {
    .only-mobile-2{
        display: none !important;
    }
}



@media only screen and (min-width: 992px) {
    .related_cases  .collaborations-item {
    min-width: auto !important;
    height: auto !important;
    min-height: auto !important;
}
    .only-mobile{
        display: none !important;
    }
}

@media only screen and (max-width: 1400px) {
    div#bloc-1.not-home {
        height: auto;
    }
 }

@media only screen and (max-width: 1199px) {
.collaborations-item > a {
    padding: 12px;
}

h1.title-container {
    font-size: 43px;
    line-height: 100%;
}
    div#header-classic-2-1-text h1 {
    font-size: 43px;
}
    section.article-header h1 {
    font-size: 43px;
}




    .valeur-image img {
        width: 100%;
    }
li.step-image img {
    height: 100%;
}
li.step-image {
    height: 100%;
}
ul.without-style {
    height: 100%;
}
div#steps-images {
    height: 100%;
}
div#etapes-1-images {
    height: 100%;
}
    div#bloc-1 {
    height: auto !important;
}
    .image-item {
        scale: 0.7;
    }
    div#hero-form-1-text {
    max-width: 485px;
    width: 100%;
    margin: auto;
}
    div#hero-form .wpcf7 {
    margin: auto;
}
div#hero-form .e-con-inner {
    flex-direction: column;
}
div#hero-form-1, div#hero-form-2 {
    max-width: 600px !important;
    width: 100% !important;
}
div#hero-form-2 img {
    max-width: 485px;
    margin: auto;
    width: 100%;
}
div#bloc-1-1 h1 {
    font-weight: 600;
    font-size: 43px;
    line-height: 100%;
    letter-spacing: -0.03px;
    max-width: 411px;
}
div#bloc-1.not-home {
    margin-top: 20px;
}
div#bloc-1.not-home div#bloc-1-1-2 {
    margin-top: 16px;
}
    .isupplier-valeurs-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px 8px;
        max-width: max-content;
        margin-left: auto;
        margin-right: auto;
    }
    div#header-1 {
        gap: 16px;
    }
    div#header-menu nav ul {
        gap: 8px;
    }
    div#hero-form-2 {
    display: none;
}
}
.notre-histoire-wrapper .owl-nav, .notre-histoire-wrapper .owl-dots {
    display: none;
}

@media only screen and (max-width: 1330px) {
	#slides_avantages_dots.stacking-dots {
		transform: translate(20px, 0);
	}
    .valeurs-tabs-nav {
        flex-wrap: nowrap;
        width: 100%;
        overflow: scroll;
    }
	
}

@media only screen and (max-width: 991px) {
    div#cta-footer {
        padding-top: 45px !important;
    }
    div#header-mobile-popup {
        height: calc(100vh - 63px - 70px) !important;
    }
    div#header-mobile-popup-2 {
        padding-bottom: 30px !important;
    }
    .nice-select.connection {
        padding: 10px !important;
    }
    div#topbar-1 {
        gap: 8px;
        flex-wrap: nowrap;
        align-items: start;
    }

    h1.title-container {
        font-size: 30px;
    }
    div#related-articles-section {
        margin-top: 40px;
    }
    section.hero-section .image-wrapper img {
        width: auto;
        margin: auto;
        max-width: 502px;
    }

    div#bloc-1-1 > div {
        max-width: 100%;
    }

    .filter-tabs {
        border-radius: 12px;
        border: 1px solid #DBE2EA;
        background: #FFF;
        display: flex;
        padding: 4px;
        align-items: center;
        width: max-content;
        max-width: max-content;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }
    .filter-tabs button.tab-btn {
        border-radius: 8px;
        border: 1px solid transparent;
        background: transparent;
        display: flex;
        width: 141px;
        padding: 10px 16px;
        justify-content: center;
        align-items: center;
        gap: 6px;
        color: #040070;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 130%;
        letter-spacing: -0.3px;
        outline: none !important;
    }
    .filter-tabs button.tab-btn.active {
        border: 1px solid #373DEC !important;
        background: #3551F2;
        color: #fff !important;
        outline: none !important;
    }

    .central-element {
        display: none;
    }
    /* Masquer tous les éléments par défaut sur mobile */
    .blocage-item,
    .resultat-item {
        display: none;
    }
    
    /* Afficher seulement les éléments du filtre actif */
    .blocage-item.show,
    .resultat-item.show {
        display: grid;
        animation: fadeIn 0.3s ease-in-out;
    }


    div#bloc-1 {
        height: auto;
        overflow: hidden;
    }
    .fonctions-2 {
        max-width: 500px;
    }
    div#header {
        border-bottom: 1px solid #DBE2EA;
    }

    h3.histoire-texte-1 {
        font-size: 16px;
        margin-bottom: 10px;
    }
    p.histoire-texte-2 {
        font-size: 14px;
    }
    .histoire-annee {
        margin-bottom: 10px;
        font-size: 38px;
    }
    .histoire-icone {
        margin-bottom: 15px;
    }

    div#hero-form {
        width: calc(100% - 24px);
    }
    span.faq-question-text p {
        font-size: 18px !important;
    }
    h1.title-container {
        font-weight: 600;
        font-size: 36px;
        line-height: 100%;
        letter-spacing: -0.03px;
        margin-bottom: 20px;
    }
    h2.faq-group-title {
        margin-bottom: 24px;
    }
    section.content-sections .col-left {
        width: 225px;
    }
    .chiffres-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    section.article-header .row {
        flex-direction: column-reverse;
    }
    section.article-content {
        width: calc(100% - 0px);
    }
    .page-content-detail-article {
        padding-left: 12px;
        padding-right: 12px;
    }
    section.hero-section .row {
        flex-direction: column;
    }
    main.page-content-detail-business_case {
        padding-left: 12px;
        padding-right: 12px;
    }
    div#hero-form-2 {
        display: none;
    }

    h1.title-container {
        font-weight: 600;
        font-size: 36px;
        line-height: 120%;
        letter-spacing: -0.03px;
        margin-bottom: 20px;
    }
    section.article-header h1 {
        font-size: 36px;
        line-height: 100%;
    }
        div#header-classic-2-1-text h1 {
        font-size: 36px;
        line-height: 100%;
    }

    .articles-grid-container {
        grid-template-columns: repeat(2, 1fr);
        max-width: 600px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        gap: 24px;
    }
    .category-filters {
        width: 100%;
        overflow: scroll;
        max-width: 100%;
    }
    article.isupplier-post-card {
        max-width: 100%;
        min-width: 100%;
    }
    div#no-preuves {
        margin-top: 60px;
    }
    div#nos-histoire {
        margin-top: 60px;
    }
    div#nos-valeurs-apropos {
        margin-top: 60px;
    }
    div#nos-labels {
        margin-top: 60px;
    }
    div#cta-footer {
        margin-top: 60px;
    }
    div#fonctions {
        margin-top: 60px;
    }
    div#etapes_3 {
        margin-top: 60px;
    }

    .images-wrapper {
        display: none;
    }
    
    div#header-classic-2-1-text h1 {
        font-weight: 600;
        font-size: 36px;
        line-height: 100%;
        letter-spacing: -0.03px;
        margin-bottom: 20px;
    }

    .header-classic-2-apropos #header-classic-2-1-text h1 {
        font-size: 30px;
    }
    div#nos-valeurs-apropos-2 {
        max-width: 100% !important;
    }
    div#nos-labels {
        width: calc(100% - 24px);
    }
    .nos-preuves-grid {
        grid-template-columns: repeat(2, 1fr);
        max-width: max-content;
        margin: auto;
    }
    div#nos-valeurs-apropos .e-con-inner {
        flex-direction: column;
    }
    .valeurs-tabs-content {
        margin-top: 30px;
    }
    div#nos-valeurs-apropos-1-textes {
        margin-top: 30px;
    }
    .central-icon::before {
        content: '';
        position: absolute;
        inset: 0;
        padding: 4px;
        background: linear-gradient(180deg, #777A8D 0%, #3551F2 100%);
        border-radius: inherit;
        mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        mask-composite: xor;
        -webkit-mask-composite: xor;
    }
    .interactive-display[data-state="deployed"] .image-item:nth-child(3) {
        left: 1.94% !important;
    }
    .interactive-display[data-state="deployed"] .image-item:nth-child(1) {
        right: 6.75% !important;
        bottom: 10px !important;
    }

    .fonctions-2 {
        flex-direction: column !important;
    }
    .fonctions-2 > div {
        width: 100% !important;
        max-width: 100% !important;
    }
    .fonctions-2-content-text h3 {
        margin-bottom: 20px;
    }
    div#cta-footer {
        width: calc(100% - 24px);
        padding-top: 250px;
    }
    div#cta-footer-1 {
        margin-left: auto;
        margin-right: auto;
    }
    div#cta-footer-1-text h2 {
        font-size: 22px;
        letter-spacing: -0.3px;
    }
    .valeur-image img {
        max-height: 550px;
    }
    .valeurs-tabs-content h3 {
        margin-bottom: 20px;
        font-size: 24px;
    }    

    .blocages-resultats-wrapper {
        flex-direction: column;
        gap: 20px;
        padding: 0 12px;
        min-height: auto;
    }
    svg.connection-lines-svg {
        display: none;
    }
    div#bloc-1 .e-con-inner {
		flex-direction: column;
		gap: 40px;
	}
	div#bloc-1.not-home > div {
		gap: 40px;
		grid-template-columns: repeat(1, 1fr);
	}

	
	
	
    .e-con {
		--container-max-width: 600px;
		--container-default-padding-right: 12px;
		--container-default-padding-left: 12px;
	}
    .slides_avantages_item_2 {
        margin-bottom: 24px;
    }
    div#slides_avantages_slider {
        gap: 12px;
    }
    div#footer-2 > div {
        padding-top: 20px;
    }
    div#footer-2 > div > div {
        width: max-content;
    }
    .fonctions-2-image-image img {
        width: 100%;
        max-width: 500px;
    }
    .fonctions-2:nth-child(odd) {
        flex-direction: column-reverse !important;
    }

    div#bloc-3_etapes-item:not(div#bloc-3_etapes-item:last-child):after, div#bloc-3_etapes-item:after {
        content: '';
        background-image: url(/wp-content/uploads/2025/08/Frame-135.svg);
        width: 52px;
        height: 52px;
        position: absolute;
        top: auto;
        right: 0;
        transform: translate(-50%, -50%) rotate(90deg);
        z-index: 9;
        left: 50%;
        bottom: -65px;
    }

div#etapes_3 {
    width: calc(100% - 24px);
}
div#etapes_3-1-shortcode {
    padding-left: 12px;
    padding-right: 12px;
}
div#bloc-3_etapes {
    grid-template-columns: repeat(1, 1fr);
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}
.fonctions-2:not(.fonctions-2:last-child) {
    margin-bottom: 50px;
}
div#footer-2 > div {
    justify-content: space-between;
    gap: 20px;
}

div#footer-1-1 {
    margin-bottom: 20px;
}
div#footer-0 .footer-1-icons {
    margin-bottom: 24px;
}
div#footer-2 {
    margin-top: 40px;
}
div#collaborations {
    padding-top: 64px;
    overflow: hidden;
    width: 100%;
}
article.isupplier-post-card {
    max-width: 320px;
    min-width: 320px;
}
article.isupplier-post-card img {
    max-width: 320px;
    aspect-ratio: 320 / 230;
    min-width: 320px;
    min-height: 230px;
    max-height: 230px;
    margin-bottom: 16px;
}
.articles-filter-container article.isupplier-post-card img {
    min-width: 100%;
    min-height: 100%;
}
.articles-filter-container article.isupplier-post-card {
    max-width: 100%;
    min-width: 100%;
}
div#footer-1 > div {
    gap: 24px;
    flex-direction: row;
    max-width: 600px;
    width: 100%;
    flex-wrap: wrap;
}
.home footer {
    padding-top: 40px;
    padding-bottom: 40px;
}
div#footer-1 {
    margin-bottom: 40px;
}

div#collaborations-btn-1 {
    margin-bottom: 12px;
}
div#collaborations-text {
    max-width: 308px !important;
    padding-left: 12px;
    padding-right: 12px;
        margin-bottom: 40px;
}
.collaborations-item {
    max-width: 282px !important;
    aspect-ratio: 382 / 365 !important;
    min-width: 282px !important;
    min-height: 365px !important;
}
.bc-grid .collaborations-item {
    min-height: auto;
    max-width: 100%;
    width: 100%;
    min-width: 100%;
}
div#footer-1-2, div#footer-1-3, div#footer-1-4, div#footer-1-5 {
    width: 50% !important;
    max-width: calc(50% - 12px) !important;
}
div#footer-1-1 {
    width: 100% !important;
    max-width: 100% !important;
}
.bc-grid {
    gap: 12px;
}
div#header-mobile-popup-2 .nice-select-dropdown {
    top: -98px;
}
div#header-mobile-popup-2-btn-2-3 {
    z-index: 2;
}
div#header-mobile-popup-2-btn-2 {
    z-index: 1;
}
div#nos-articles-1-1 > div {
    margin-left: auto;
    margin-right: auto;
}
div#nos-articles-1-btn-1 {
    margin-bottom: 12px;
}
div#nos-articles-1-2-btn-3 {
    margin-top: 40px;
    padding: 0 12px;
}
div#nos-articles-shortcode {
    margin-top: 40px;
    min-width: 1000px;
}
div#nos-articles {
    padding-top: 64px;
    padding-bottom: 64px;
    overflow: hidden;
    padding-left: 12px;
    padding-right: 0;
}
div#nos-articles-1 {
    padding: 0 12px;
}
.isupplier-post-meta p:last-child {
    margin-bottom: 0;
}
    div#bloc-1:not(.not-home) div#bloc-1-2 img {
        border-radius: 12px !important;
        aspect-ratio: 406 / 286;
        width: 100%;
    }
div#etapes {
    margin-top: 64px;
    max-width: calc(100% - 24px);
    padding: 20px 0;
}

div#etapes-1 {
    width: calc(100% - 24px);
    padding: 0 !important;
    max-width: 366px;
    margin-left: auto;
    margin-right: auto;
}
div#etapes-1-btn-1 {
    margin-bottom: 12px;
}
.step-image-text {
    padding: 20px 0;
}
div#etapes-1-title {
    margin-bottom: 20px;
}
div#steps-textes li.step-text.active h3{
    margin-bottom: 20px;
}
div#steps-textes li.step-text  h3 {
    font-size: 22px;
}
div#fonctionnalites-btn-1 {
    margin-bottom: 12px;
}


.slides_avantages_item_1_1 .btn-label {
    margin-bottom: 12px !important;
}

.slides_avantages_item_title h3 {
    font-size: 22px;
}
.slides_avantages_item_2 img {
    aspect-ratio: 366 / 243;
}
.slides_avantages_item_title {
    margin-bottom: 24px;
}
.slides_avantages_item_text p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
div#fonctionnalites-shortcode {
    max-width: calc(100% - 24px) !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
div#fonctionnalites-shortcode {
    margin-top: 40px;
    padding-bottom: 0;
}
div#steps-textes {
    margin-bottom: 20px;
}
div#fonctionnalites {
    margin-top: 64px;
}

.isupplier-valeurs-grid {
    margin-top: 40px;
}
article.isupplier-card {
    max-width: 404px;
}
article.isupplier-card {
    height: 300px;
}
.isupplier-card-title h3 {
    font-size: 18px;
    margin-bottom: 16px;
}

div#valeurs-1-text p:last-child {
    margin-bottom: 20px;
}
    div#bloc-1:not(.not-home) {
        padding-top: 20px;
    }
    div#bloc-1-1 .btn-label {
        margin-bottom: 12px;
    }



    div#bloc-1-1-1 {
        margin-top: 28px;
    }
div#bloc-1-2 {
    max-width: 100%;
    margin-top: 0;
}
/* .owl-carousel-collaborations.owl-carousel.owl-theme.related_cases {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
} */
div#valeurs {
    margin-top: 64px;
}
div#valeurs-1-btn {
    margin-bottom: 12px;
}

div#valeurs-1-text h2 {
    margin-bottom: 20px;
}
    .elementor-kit-9 h2 {
        font-size: 26px;
        line-height: 100%;
        letter-spacing: -0.03px;
    }
    div#bloc-1-text p, div#bloc-1-text {
        font-weight: 500;
        font-size: 17px;
        line-height: 130%;
        letter-spacing: -0.02px;
    }


    .without-mobile{
        display: none !important;
    }
    div#header .btn-brimary a {
        padding: 12px 19px !important;
        height: 45px !important;
        line-height: 100% !important;
        display: flex;
        align-items: center;
    }

    .menu-mobile-active div#header-mobile-popup>div {
        flex-wrap: nowrap;
        gap: 10px;
    }
    div#header-mobile-popup-1-menu nav ul li a {
        font-weight: 500;
        font-size: 26px;
        line-height: 130%;
        letter-spacing: -0.02px;
        padding: 0;
        color: #040070;
    }
    div#header-mobile-popup-1-menu nav ul {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
    div#header-mobile-popup-1-wpml span.current {
        font-weight: 500;
        font-size: 26px;
        line-height: 130%;
        color: #040070;
        letter-spacing: -0.02px;
    }    
    div#header-mobile-popup-1-wpml .custom-select-wrapper-language {
        width: 44px;
        gap: 4px;
        max-width: 44px;
    }
    div#header-mobile-popup-1 {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }
    div#header-mobile-popup {
        height: calc(100% - 40px - 96px - 30px);
        padding-top: 24px;
    }
    div#header-mobile-popup-2-btn-2-3 a {
        width: max-content !important;
    }
    div#header-mobile-popup-2 > div, div#header-mobile-popup-2  a {
        width: 100%;
    }
    .elementor-kit-9 button, .elementor-kit-9 input[type="button"], .elementor-kit-9 input[type="submit"], .elementor-kit-9 .elementor-button {
        font-weight: 500;
        font-size: 15px;
        line-height: 130%;
        letter-spacing: -0.02px;
    }
    div#header-1, div#header-2 {
        width: max-content !important;
    }
    div#btn-white-topbar a {
        padding: 6px 20px !important;
        min-width: 60px;
    }
    div#btn-white-topbar {
        min-width: 60px;
    }
    main#content {
        padding-top: 140px;
    }
    div#header-mobile-popup-2 {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }
    div#header-mobile-popup-2-btn-2-3 {
        display: flex;
        justify-content: center;
    }
    div#topbar {
        height: auto;
        max-height: fit-content;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    body.menu-mobile-active header#masthead > div {
        height: 100%;
    }
    .e-con>.e-con-inner {
        max-width: 600px;
    }
    div#header > .e-con-inner {
        max-width: 600px;
        flex-wrap: nowrap;
    }
    div#text-topbar span {
        font-size: 0;
    }
    div#text-topbar span {
        font-weight: 500;
        font-size: 13px;
        line-height: 100%;
        letter-spacing: -0.02px;
    }
    div#text-topbar, div#text-topbar span {
        display: flex;
    }
    div#topbar .e-con-inner {
        justify-content: center;
    }
    div#header-logo img {
        width: 100%;
        max-width: 133px;
    }
    div#header-2 {
        gap: 8px;
        flex-wrap: nowrap;
    }
    div#bloc-1:not(.not-home) > .e-con-inner {
        gap: 80px;
        max-width: 624px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 0 12px;
        flex-direction: column;
    }
    div#bloc-1-1 {
        padding-bottom: 0;
    }
    .histoire-item {
        width: 330px;
    }
    .bc-grid .collaborations-item {
        padding: 0;
        min-width: initial !important;
        aspect-ratio: 351/455 !important;
        width: 100%;
        height: 100%;
        min-height: auto !important;
    }
.bc-grid .collaborations-item > a {
    height: auto;
    aspect-ratio: 351/455 !important;
    padding: 12px;
}
    .blocages-column, .resultats-column {
        max-width: 100%;
        grid-template-columns: repeat(2, 1fr);
    }
    .blocage-item, .resultat-item {
        width: 100%;
        max-width: 100%;
        height: 100%;
    }

    div#bloc-1-1 h1 {
        font-weight: 600;
        font-size: 53px;
        line-height: 100%;
        letter-spacing: -0.03px;
        margin-bottom: 20px;
        max-width: 530px;
    }
}

@media only screen and (max-width: 767px) {

    div#bloc-1-1 h1 {
        font-size: 47px;
        max-width: 450px;
    }
    .blocages-column, .resultats-column {
        max-width: 384px;
        grid-template-columns: repeat(1, 1fr);
    }

    .blocage-item, .resultat-item {
        width: 100%;
    }
    div#footer-1-2, div#footer-1-3, div#footer-1-4, div#footer-1-5 {
        width: 100% !important;
        max-width: 100% !important;
    }
    div#footer-1-1 {
        width: 100% !important;
        max-width: 100% !important;
    }
    .slides_avantages_item {
        padding: 20px 0 !important;
    }
    .without-mobile-2{
        display: none !important;
    }
    .slides_avantages_item_content {
        flex-direction: column;
    }
    div#etapes-2 {
        display: none;
    }
    .isupplier-valeurs-grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 12px;
    }
}
@media only screen and (max-width: 500px) {
        .chiffres-list {
        grid-template-columns: repeat(1, 1fr);
    }

.bc-grid {
    max-width: 100%;
    margin: auto;
    width: 100%;
    margin-bottom: 70px;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
}
 }

@media only screen and (max-width: 500px) {

    .header-classic-2-apropos #header-classic-2-1-text h1 {
    font-size: 25px;
}
    .nos-preuves-grid {
        grid-template-columns: repeat(1, 1fr);
    }
    .articles-grid-container {
        grid-template-columns: repeat(1, 1fr);
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
    
    }
    .contact-form-section-1 {
        padding: 20px;
    }
    .contact-form-section {
        padding: 20px;
    }
    .content-related div#collaborations.not-home .collaborations-item {
        max-width: 250px;
        min-width: 250px !important;

    }

}

@media only screen and (max-width: 540px) {

div#bloc-1-1 h1 {
    font-size: 35px;
    max-width: 330px;
}
}


@media only screen and (max-width: 420px) {

    .header-classic-2-apropos #header-classic-2-1-text h1 {
    font-size: 23px;
}

    div#header .btn-brimary a {
        padding: 12px 10px !important;
        font-size: 14px !important;
    }
    section.content-sections .row {
        flex-direction: column;
    }

}


@media only screen and (max-width: 360px) {
    .header-classic-2-apropos #header-classic-2-1-text h1 {
        font-size: 20px;
    }
    .header-classic-2-apropos div#header-classic-2-1-text p {
        font-size: 16px;
    }

}