html {
    --header-height: 150px;
}


/********************************************************************/
/**************************** Espacement ****************************/
/********************************************************************/

.espacement {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    color: #89a;
}

.espacement-0 {
    height: 0;
}
.espacement-1 {
    height: var(--rem-1);
}
.espacement-2 {
    height: var(--rem-2);
}
.espacement-3 {
    height: var(--rem-3);
}
.espacement-4 {
    height: var(--rem-4);
}
.espacement-5 {
    height: var(--rem-5);
}

@media (max-width: 768px) {
    .espacement-0 {
        height: 0;
    }
    .espacement-1 {
        height: var(--rem-1-md);
    }
    .espacement-2 {
        height: var(--rem-2-md);
    }
    .espacement-3 {
        height: var(--rem-3-md);
    }
    .espacement-4 {
        height: var(--rem-4-md);
    }
    .espacement-5 {
        height: var(--rem-5-md);
    }

    .espacement-0-md {
        height: 0!important;
    }
    .espacement-1-md {
        height: var(--rem-1-md) !important;
    }
    .espacement-2-md {
        height: var(--rem-2-md) !important;
    }
    .espacement-3-md {
        height: var(--rem-3-md) !important;
    }
    .espacement-4-md {
        height: var(--rem-4-md) !important;
    }
    .espacement-5-md {
        height: var(--rem-5-md) !important;
    }
}


/********************************************************************/
/******************************* Images *****************************/
/********************************************************************/


.base_image {
    text-align: center;
}
.image-contenu.rounded-border {
    border-radius: 8px;
}
.image-contenu {
    object-fit: contain;
    max-width: 100%;
    height: auto;
}
.rounded {
    border-radius: 50% !important;
}
.mw-10 {
    min-width: 10%;
}
.mw-20 {
    min-width: 20%;
}
.mw-30 {
    min-width: 30%;
}
.mw-40 {
    min-width: 40%;
}
.mw-50 {
    min-width: 50%;
}
.mw-60 {
    min-width: 60%;
}
.mw-70 {
    min-width: 70%;
}
.mw-80 {
    min-width: 80%;
}
.mw-90 {
    min-width: 90%;
}
.mw-100 {
    min-width: 100%;
}


.mh-10 {
    min-height: 10%;
}
.mh-20 {
    min-height: 20%;
}
.mh-30 {
    min-height: 30%;
}
.mh-40 {
    min-height: 40%;
}
.mh-50 {
    min-height: 50%;
}
.mh-60 {
    min-height: 60%;
}
.mh-70 {
    min-height: 70%;
}
.mh-80 {
    min-height: 80%;
}
.mh-90 {
    min-height: 90%;
}
.mh-100 {
    min-height: 100%;
}


/********************************************************************/
/****************************** Section *****************************/
/********************************************************************/

.fond-color-full, .fond-color-full > div {
    position: relative;
}
.fond-color-full::before {
    content: " ";
    position: absolute;
    z-index: 0;
    width: calc(var(--vw, 1vw) * 100);
    top: 0;
    bottom: 0;
    left: calc(50% - var(--vw, 1vw)* 50);
}
.hide {
    display: none;
}
.sep-breadcrumb {
    padding: 0 5px;
}
mark {
    padding: 0;
    background-color: transparent;
}

/********************************************************************/
/**************************** Texte libre ***************************/
/********************************************************************/

#the-content .wp-block-kko-texte-libre:empty {
    display: none;
}


/********************************************************************/
/****************************** Bouton ******************************/
/********************************************************************/


.btn-fullwidth {
    width: 100%;
}
.wp-block-kko-bouton:has(.d-inline-block),
div[data-type="kko/bouton"]:has(.d-inline-block) {
    display: inline-block;
}
div[data-type="kko/bouton"]:has(.d-inline-block) {
    margin: 0 .125rem;
}


/********************************************************************/
/************************** Multi colonnes **************************/
/********************************************************************/

.multi-cols {
    margin-left: 0;
    margin-right: 0;
}
.multi-cols > div.no-px,
.wp-block-kko-base-multi-colonnes > .wp-block-acf-base-multi-cols {
    padding-left: 0;
    padding-right: 0;
}
.editor-editor-interface .multi-cols.align-items-stretch > div,
.block-editor-iframe__body .multi-cols.align-items-stretch > div {
    flex: 1 1 auto;
}
.editor-editor-interface .multi-cols.align-items-stretch .acf-block-component,
.editor-editor-interface .multi-cols.align-items-stretch .acf-block-component > div,
.editor-editor-interface .multi-cols.align-items-stretch .acf-block-component > div > .acf-block-preview,
.editor-editor-interface .multi-cols.align-items-stretch .acf-block-component > div > .acf-block-preview > div,
.block-editor-iframe__body .multi-cols.align-items-stretch .acf-block-component,
.block-editor-iframe__body .multi-cols.align-items-stretch .acf-block-component > div,
.block-editor-iframe__body .multi-cols.align-items-stretch .acf-block-component > div > .acf-block-preview,
.block-editor-iframe__body .multi-cols.align-items-stretch .acf-block-component > div > .acf-block-preview > div {
    height: 100%;
}
.editor-editor-interface .multi-cols .acf-block-component > div > .acf-block-preview > div,
.block-editor-iframe__body .multi-cols .acf-block-component > div > .acf-block-preview > div,
section.section.bg--color-1 > div,
section.section.bg--color-2 > div,
section.section.bg--color-3 > div,
section.section.bg--color-4 > div,
section.section.bg--color-5 > div,
section.section.bg--color-6 > div,
section.section.bg--color-7 > div,
section.section.bg--color-8 > div,
section.section.bg--color-9 > div
{
    padding-top: .01px;
    padding-bottom: .01px;
}

.multi-cols.column-gap-0 {
    --gap: 0px;
    column-gap: 0 !important;
}
.multi-cols.column-gap-1 {
    --gap: var(--rem-1);
    column-gap: var(--rem-1) !important;
}
.multi-cols.column-gap-2 {
    --gap: var(--rem-2);
    column-gap: var(--rem-2) !important;
}
.multi-cols.column-gap-3 {
    --gap: var(--rem-3);
    column-gap: var(--rem-3) !important;
}
.multi-cols.column-gap-4 {
    --gap: var(--rem-4);
    column-gap: var(--rem-4) !important;
}
.multi-cols.column-gap-5 {
    --gap: var(--rem-5);
    column-gap: var(--rem-5) !important;
}

.multi-cols.row-gap-0 {
    --gap-y: 0px;
    row-gap: 0 !important;
}
.multi-cols.row-gap-1 {
    --gap-y: var(--rem-1);
    row-gap: var(--rem-1) !important;
}
.multi-cols.row-gap-2 {
    --gap-y: var(--rem-2);
    row-gap: var(--rem-2) !important;
}
.multi-cols.row-gap-3 {
    --gap-y: var(--rem-3);
    row-gap: var(--rem-3) !important;
}
.multi-cols.row-gap-4 {
    --gap-y: var(--rem-4);
    row-gap: var(--rem-4) !important;
}
.multi-cols.row-gap-5 {
    --gap-y: var(--rem-5);
    row-gap: var(--rem-5) !important;
}

@media (min-width: 768px) {
    .multi-cols.override-gap.row-gap-0, .multi-cols.override-gap.row-gap-1, .multi-cols.override-gap.row-gap-2,
    .multi-cols.override-gap.row-gap-3, .multi-cols.override-gap.row-gap-4, .multi-cols.override-gap.row-gap-5 {
        --gap-y: 0;
        row-gap: 0 !important;
    }
}




/********************************************************************/
/***************************** Multi cols ***************************/
/********************************************************************/

.multi-cols.row-cols-1 > * {
    width: calc(100%);
}
.multi-cols.row-cols-2 > * {
    width: calc(50% - (var(--gap) * 1 / 2) );
}
.multi-cols.row-cols-3 > * {
    width: calc(33.3333333333% - (var(--gap) * 2 / 3) );
}
.multi-cols.row-cols-4 > * {
    width: calc(25% - (var(--gap) * 3 / 4) );
}
.multi-cols.row-cols-5 > * {
    width: calc(20% - (var(--gap) * 4 / 5) );
}
.multi-cols.row-cols-6 > * {
    width: calc(16.6666666667% - (var(--gap) * 5 / 6) );
}

@media (min-width: 576px) {
    .multi-cols.row-cols-sm-1 > * {
        width: calc(100%);
    }
    .multi-cols.row-cols-sm-2 > * {
        width: calc(50% - (var(--gap) * 1 / 2) );
    }
    .multi-cols.row-cols-sm-3 > * {
        width: calc(33.3333333333% - (var(--gap) * 2 / 3) );
    }
    .multi-cols.row-cols-sm-4 > * {
        width: calc(25% - (var(--gap) * 3 / 4) );
    }
    .multi-cols.row-cols-sm-5 > * {
        width: calc(20% - (var(--gap) * 4 / 5) );
    }
    .multi-cols.row-cols-sm-6 > * {
        width: calc(16.6666666667% - (var(--gap) * 5 / 6) );
    }
}
@media (min-width: 768px) {
    .multi-cols.row-cols-md-1 > * {
        width: calc(100%);
    }
    .multi-cols.row-cols-md-2 > * {
        width: calc(50% - (var(--gap) * 1 / 2) );
    }
    .multi-cols.row-cols-md-3 > * {
        width: calc(33.3333333333% - (var(--gap) * 2 / 3) );
    }
    .multi-cols.row-cols-md-4 > * {
        width: calc(25% - (var(--gap) * 3 / 4) );
    }
    .multi-cols.row-cols-md-5 > * {
        width: calc(20% - (var(--gap) * 4 / 5) );
    }
    .multi-cols.row-cols-md-6 > * {
        width: calc(16.6666666667% - (var(--gap) * 5 / 6) );
    }
}
@media (min-width: 992px) {
    .multi-cols.row-cols-lg-1 > * {
        width: calc(100%);
    }
    .multi-cols.row-cols-lg-2 > * {
        width: calc(50% - (var(--gap) * 1 / 2) );
    }
    .multi-cols.row-cols-lg-3 > * {
        width: calc(33.3333333333% - (var(--gap) * 2 / 3) );
    }
    .multi-cols.row-cols-lg-4 > * {
        width: calc(25% - (var(--gap) * 3 / 4) );
    }
    .multi-cols.row-cols-lg-5 > * {
        width: calc(20% - (var(--gap) * 4 / 5) );
    }
    .multi-cols.row-cols-lg-6 > * {
        width: calc(16.6666666667% - (var(--gap) * 5 / 6) );
    }
}
@media (min-width: 992px) {
    .multi-cols.row-cols-lg-1 > * {
        width: calc(100%);
    }
    .multi-cols.row-cols-lg-2 > * {
        width: calc(50% - (var(--gap) * 1 / 2) );
    }
    .multi-cols.row-cols-lg-3 > * {
        width: calc(33.3333333333% - (var(--gap) * 2 / 3) );
    }
    .multi-cols.row-cols-lg-4 > * {
        width: calc(25% - (var(--gap) * 3 / 4) );
    }
    .multi-cols.row-cols-lg-5 > * {
        width: calc(20% - (var(--gap) * 4 / 5) );
    }
    .multi-cols.row-cols-lg-6 > * {
        width: calc(16.6666666667% - (var(--gap) * 5 / 6) );
    }
}
@media (min-width: 1200px) {
    .multi-cols.row-cols-xl-1 > * {
        width: calc(100%);
    }
    .multi-cols.row-cols-xl-2 > * {
        width: calc(50% - (var(--gap) * 1 / 2) );
    }
    .multi-cols.row-cols-xl-3 > * {
        width: calc(33.3333333333% - (var(--gap) * 2 / 3) );
    }
    .multi-cols.row-cols-xl-4 > * {
        width: calc(25% - (var(--gap) * 3 / 4) );
    }
    .multi-cols.row-cols-xl-5 > * {
        width: calc(20% - (var(--gap) * 4 / 5) );
    }
    .multi-cols.row-cols-xl-6 > * {
        width: calc(16.6666666667% - (var(--gap) * 5 / 6) );
    }
}
@media (min-width: 1400px) {
    .multi-cols.row-cols-xxl-1 > * {
        width: calc(100%);
    }
    .multi-cols.row-cols-xxl-2 > * {
        width: calc(50% - (var(--gap) * 1 / 2) );
    }
    .multi-cols.row-cols-xxl-3 > * {
        width: calc(33.3333333333% - (var(--gap) * 2 / 3) );
    }
    .multi-cols.row-cols-xxl-4 > * {
        width: calc(25% - (var(--gap) * 3 / 4) );
    }
    .multi-cols.row-cols-xxl-5 > * {
        width: calc(20% - (var(--gap) * 4 / 5) );
    }
    .multi-cols.row-cols-xxl-6 > * {
        width: calc(16.6666666667% - (var(--gap) * 5 / 6) );
    }
}



.multi-cols.row-cols-75-25 > div:nth-child(1) {
    width: calc(75% - var(--gap) ) !important;
    flex: 1 1 auto;
}
.multi-cols.row-cols-75-25 > div:nth-child(2) {
    width: calc(25% - var(--gap) ) !important;
    flex: 1 1 auto;
}
.multi-cols.row-cols-25-75 > div:nth-child(1) {
    width: calc(25% - var(--gap) ) !important;
    flex: 1 1 auto;
}
.multi-cols.row-cols-25-75 > div:nth-child(2) {
    width: calc(75% - var(--gap) ) !important;
    flex: 1 1 auto;
}

.multi-cols.row-cols-66-33 > div:nth-child(1) {
    width: calc(66.66% - var(--gap) ) !important;
    flex: 1 1 auto;
}
.multi-cols.row-cols-66-33 > div:nth-child(2) {
    width: calc(33.33% - var(--gap) ) !important;
    flex: 1 1 auto;
}
.multi-cols.row-cols-33-66 > div:nth-child(1) {
    width: calc(33.33% - var(--gap) ) !important;
    flex: 1 1 auto;
}
.multi-cols.row-cols-33-66 > div:nth-child(2) {
    width: calc(66.66% - var(--gap) ) !important;
    flex: 1 1 auto;
}

.multi-cols.row-cols-25-50-25 > div:nth-child(1) {
    width: calc(25% - var(--gap) ) !important;
    flex: 1 1 auto;
}
.multi-cols.row-cols-25-50-25 > div:nth-child(2) {
    width: calc(50% - var(--gap) ) !important;
    flex: 1 1 auto;
}
.multi-cols.row-cols-25-50-25 > div:nth-child(3) {
    width: calc(25% - var(--gap) ) !important;
    flex: 1 1 auto;
}
.multi-cols.row-cols-75-25 ,
.multi-cols.row-cols-25-75 ,
.multi-cols.row-cols-33-66 ,
.multi-cols.row-cols-66-33 ,
.multi-cols.row-cols-25-50-25 {
    flex-wrap: nowrap;
}

section.multi-cols.row.row-cols-75-25 > div,
section.multi-cols.row.row-cols-25-75 > div,
section.multi-cols.row.row-cols-33-66 > div,
section.multi-cols.row.row-cols-66-33 > div,
section.multi-cols.row.row-cols-25-50-25 > div {
    width: 100% !important;
}
.multi-cols.row.main-col-1 > div,
.multi-cols.row.main-col-2 > div,
.multi-cols.row.main-col-3 > div,
.multi-cols.row.main-col-4 > div,
.multi-cols.row.main-col-5 > div,
.multi-cols.row.main-col-6 > div {
    order: 1;
}
.multi-cols.row.row-cols-auto {
    display: flex;
    flex-wrap: nowrap!important;
}
.multi-cols.row.row-cols-auto > div,
.multi-cols.row.row-cols-md-auto > div {
    flex: 1 1 auto!important;
}
.multi-cols.row .col {
    padding:0;
}

/* experimental */
.multi-cols.row .col,
.multi-cols.row.main-col-1 > div,
.multi-cols.row.main-col-2 > div,
.multi-cols.row.main-col-3 > div,
.multi-cols.row.main-col-4 > div,
.multi-cols.row.main-col-5 > div,
.multi-cols.row.main-col-6 > div {
    -flex: 1 1 content;
}


@media (max-width: 1399px) {
    .multi-cols.row-cols-75-25.breakpoint-xxl,
    .multi-cols.row-cols-25-75.breakpoint-xxl,
    .multi-cols.row-cols-66-33.breakpoint-xxl,
    .multi-cols.row-cols-33-66.breakpoint-xxl,
    .multi-cols.row-cols-25-50-25.breakpoint-xxl {
        flex-wrap: wrap;
    }
    .multi-cols.row-cols-75-25.breakpoint-xxl > div,
    .multi-cols.row-cols-25-75.breakpoint-xxl > div,
    .multi-cols.row-cols-66-33.breakpoint-xxl > div,
    .multi-cols.row-cols-33-66.breakpoint-xxl > div,
    .multi-cols.row-cols-25-50-25.breakpoint-xxl > div {
        width: 100% !important;
    }
    .multi-cols.row.breakpoint-xxl.main-col-1 > div:nth-child(1) { order:0 }
    .multi-cols.row.breakpoint-xxl.main-col-2 > div:nth-child(2) { order:0 }
    .multi-cols.row.breakpoint-xxl.main-col-3 > div:nth-child(3) { order:0 }
    .multi-cols.row.breakpoint-xxl.main-col-4 > div:nth-child(4) { order:0 }
    .multi-cols.row.breakpoint-xxl.main-col-5 > div:nth-child(5) { order:0 }
    .multi-cols.row.breakpoint-xxl.main-col-6 > div:nth-child(6) { order:0 }
}
@media (max-width: 1199px) {
    .multi-cols.row-cols-75-25.breakpoint-xl,
    .multi-cols.row-cols-25-75.breakpoint-xl,
    .multi-cols.row-cols-66-33.breakpoint-xl,
    .multi-cols.row-cols-33-66.breakpoint-xl,
    .multi-cols.row-cols-25-50-25.breakpoint-xl {
        flex-wrap: wrap;
    }
    .multi-cols.row-cols-75-25.breakpoint-xl > div,
    .multi-cols.row-cols-25-75.breakpoint-xl > div,
    .multi-cols.row-cols-66-33.breakpoint-xl > div,
    .multi-cols.row-cols-33-66.breakpoint-xl > div,
    .multi-cols.row-cols-25-50-25.breakpoint-xl > div {
        width: 100% !important;
    }
    .multi-cols.row.breakpoint-xl.main-col-1 > div:nth-child(1) { order:0 }
    .multi-cols.row.breakpoint-xl.main-col-2 > div:nth-child(2) { order:0 }
    .multi-cols.row.breakpoint-xl.main-col-3 > div:nth-child(3) { order:0 }
    .multi-cols.row.breakpoint-xl.main-col-4 > div:nth-child(4) { order:0 }
    .multi-cols.row.breakpoint-xl.main-col-5 > div:nth-child(5) { order:0 }
    .multi-cols.row.breakpoint-xl.main-col-6 > div:nth-child(6) { order:0 }
}
@media (max-width: 991px) {
    .multi-cols.row-cols-75-25.breakpoint-lg,
    .multi-cols.row-cols-25-75.breakpoint-lg,
    .multi-cols.row-cols-66-33.breakpoint-lg,
    .multi-cols.row-cols-33-66.breakpoint-lg,
    .multi-cols.row-cols-25-50-25.breakpoint-lg {
        flex-wrap: wrap;
    }
    .multi-cols.row-cols-75-25.breakpoint-lg > div,
    .multi-cols.row-cols-25-75.breakpoint-lg > div,
    .multi-cols.row-cols-66-33.breakpoint-lg > div,
    .multi-cols.row-cols-33-66.breakpoint-lg > div,
    .multi-cols.row-cols-25-50-25.breakpoint-lg > div {
        width: 100% !important;
    }
    .multi-cols.row.breakpoint-lg.main-col-1 > div:nth-child(1) { order:0 }
    .multi-cols.row.breakpoint-lg.main-col-2 > div:nth-child(2) { order:0 }
    .multi-cols.row.breakpoint-lg.main-col-3 > div:nth-child(3) { order:0 }
    .multi-cols.row.breakpoint-lg.main-col-4 > div:nth-child(4) { order:0 }
    .multi-cols.row.breakpoint-lg.main-col-5 > div:nth-child(5) { order:0 }
    .multi-cols.row.breakpoint-lg.main-col-6 > div:nth-child(6) { order:0 }
}
@media (max-width: 767px) {
    .multi-cols.row-cols-75-25.breakpoint-md,
    .multi-cols.row-cols-25-75.breakpoint-md,
    .multi-cols.row-cols-66-33.breakpoint-md,
    .multi-cols.row-cols-33-66.breakpoint-md,
    .multi-cols.row-cols-25-50-25.breakpoint-md {
        flex-wrap: wrap;
    }
    .multi-cols.row-cols-75-25.breakpoint-md > div,
    .multi-cols.row-cols-25-75.breakpoint-md > div,
    .multi-cols.row-cols-66-33.breakpoint-md > div,
    .multi-cols.row-cols-33-66.breakpoint-md > div,
    .multi-cols.row-cols-25-50-25.breakpoint-md > div {
        width: 100% !important;
    }
    .multi-cols.row.breakpoint-md.main-col-1 > div:nth-child(1) { order:0 }
    .multi-cols.row.breakpoint-md.main-col-2 > div:nth-child(2) { order:0 }
    .multi-cols.row.breakpoint-md.main-col-3 > div:nth-child(3) { order:0 }
    .multi-cols.row.breakpoint-md.main-col-4 > div:nth-child(4) { order:0 }
    .multi-cols.row.breakpoint-md.main-col-5 > div:nth-child(5) { order:0 }
    .multi-cols.row.breakpoint-md.main-col-6 > div:nth-child(6) { order:0 }
}
@media (max-width: 575px) {
    .multi-cols.row-cols-75-25.breakpoint-sm,
    .multi-cols.row-cols-25-75.breakpoint-sm,
    .multi-cols.row-cols-66-33.breakpoint-sm,
    .multi-cols.row-cols-33-66.breakpoint-sm,
    .multi-cols.row-cols-25-50-25.breakpoint-sm {
        flex-wrap: wrap;
    }
    .multi-cols.row-cols-75-25.breakpoint-sm > div,
    .multi-cols.row-cols-25-75.breakpoint-sm > div,
    .multi-cols.row-cols-66-33.breakpoint-sm > div,
    .multi-cols.row-cols-33-66.breakpoint-sm > div,
    .multi-cols.row-cols-25-50-25.breakpoint-sm > div {
        width: 100% !important;
    }
    .multi-cols.row.breakpoint-sm.main-col-1 > div:nth-child(1) { order:0 }
    .multi-cols.row.breakpoint-sm.main-col-2 > div:nth-child(2) { order:0 }
    .multi-cols.row.breakpoint-sm.main-col-3 > div:nth-child(3) { order:0 }
    .multi-cols.row.breakpoint-sm.main-col-4 > div:nth-child(4) { order:0 }
    .multi-cols.row.breakpoint-sm.main-col-5 > div:nth-child(5) { order:0 }
    .multi-cols.row.breakpoint-sm.main-col-6 > div:nth-child(6) { order:0 }
}

@media (min-width: 768px) {
    .base_multi_cols.col-sticky {
        position: sticky !important;
        top: var(--header-height);
        height: auto !important;
    }
    .acf-block-component .base_multi_cols.col-sticky {
        top: 20px;
    }
}


/********************************************************************/
/***************** Multi colonnes alignements ***********************/
/********************************************************************/


.editor-editor-interface .multi-cols.align-items-start,
.editor-editor-interface .multi-cols.align-items-center,
.editor-editor-interface .multi-cols.align-items-end,
.editor-editor-interface .multi-cols.align-items-stretch {
    align-items: stretch !important;
}

.editor-editor-interface .multi-cols.align-items-start .col .align-kakao {
    align-content: start !important;
}

.editor-editor-interface .multi-cols.align-items-center .col .align-kakao {
    align-content: center !important;
}

.editor-editor-interface .multi-cols.align-items-end .col .align-kakao {
    align-content: end !important;
}

.editor-editor-interface .multi-cols.align-items-stretch .col .align-kakao {
    align-content: stretch !important;
}

.editor-editor-interface .multi-cols .acf-block-component,
.editor-editor-interface .multi-cols .acf-block-component > div,
.editor-editor-interface .multi-cols .acf-block-component > div .acf-block-preview:has(.col),
.editor-editor-interface .multi-cols .acf-block-component > div > .acf-block-preview .col {
    height: 100%;
}

.multi-cols.align-items-start .acf-block-preview:has(> .col),
.multi-cols.align-items-center .acf-block-preview:has(> .col),
.multi-cols.align-items-end .acf-block-preview:has(> .col) {

}

.multi-cols.align-items-start, .multi-cols.align-items-start .acf-block-preview > .col,
.multi-cols.align-items-center, .multi-cols.align-items-center .acf-block-preview > .col,
.multi-cols.align-items-end, .multi-cols.align-items-end .acf-block-preview > .col,
.multi-cols.align-items-stretch {
    align-items: stretch !important;
}

.multi-cols.align-items-start .col .align-kakao {
    align-content: start !important;
}

.multi-cols.align-items-center .col .align-kakao {
    align-content: center !important;
}

.multi-cols.align-items-end .col .align-kakao {
    align-content: end !important;
}

.multi-cols.align-items-stretch .col .align-kakao {
    align-content: stretch !important;
    display: flex !important;
    justify-content: center;
    flex-direction: column;
}
.multi-cols.align-items-stretch.text-start .col .align-kakao {
    align-items: start;
}
.multi-cols.align-items-stretch.text-center .col .align-kakao {
    align-items: center;
}
.multi-cols.align-items-stretch.text-end .col .align-kakao {
    align-items: end;
}

.multi-cols.align-items-stretch .col .align-kakao > *:not(.wp-block-kko-texte-libre) {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    width: 100%;
}
.multi-cols.align-items-stretch.text-start .col .align-kakao > *:not(.wp-block-kko-texte-libre) {
    justify-content: start;
}
.multi-cols.align-items-stretch.text-center .col .align-kakao > *:not(.wp-block-kko-texte-libre) {
    justify-content: center;
}
.multi-cols.align-items-stretch.text-end .col .align-kakao > *:not(.wp-block-kko-texte-libre) {
    justify-content: end;
}

.multi-cols .multi-cols.align-items-start .col .align-kakao {
    align-content: start !important;
}


/********************************************************************/
/************************** Slick slider  ***************************/
/********************************************************************/


/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}


/********************************************************************/
/************************** Cadre couleur ***************************/
/********************************************************************/

.cadre-couleur {
    border-radius: 8px;
}
.cadre-couleur > .wp-block-columns,
.cadre-couleur > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block-columns {
    display: flex;
    flex-direction: column;
    gap: 0;
}
.cadre-couleur .cadre-couleur-body  .wp-block-column:first-child {
    border-right: 1px solid #000;
}
.cadre-couleur-body {
    border-radius: 0 0 8px 8px ;
    padding: .75rem 1rem;
    margin: 0;
}
.cadre-couleur-header {
    border-radius: 8px 8px 0 0;
    padding: .75rem 1rem;
    margin: 0;
}
.cadre-couleur-header > p {
    padding-top: 0;
}
.bg-head--color-1 .cadre-couleur-header {
    background: var(--color-1);
}
.bg-head--color-2 .cadre-couleur-header {
    background: var(--color-2);
}
.bg-head--color-3 .cadre-couleur-header {
    background: var(--color-3);
}
.bg-head--color-4 .cadre-couleur-header {
    background: var(--color-4);
}
.bg-head--color-transparent .cadre-couleur-header {
    padding-bottom: 0;
}
.cadre-couleur p:first-of-type {
    margin-top: 0;
}
.cadre-couleur p:last-of-type {
    margin-bottom: 0;
}

.acf-block-preview .cadre-couleur.bg--color-transparent.bg-head--color-transparent {
    border: 1px dashed #b2c0dc;
}
.acf-block-preview .cadre-couleur.bg--color-transparent.bg-head--color-transparent .cadre-couleur-body{
    border-top: 1px dashed #b2c0dc;
}
.acf-block-preview .cadre-couleur .wp-block-columns,
.acf-block-preview .cadre-couleur .wp-block-column {
    pointer-events: none;
}





/********************************************************************/
/************************** FAQ / foldable **************************/
/********************************************************************/


.faq, .faqs, .foldable {
    margin: 1rem 0;
}
.question {
    position: relative;
    border-top: 1px solid var(--color-principale) ;
    border-bottom: 1px solid var(--color-principale) ;
    color: var(--color-principale) !important;
    padding: 16px 0;
    width: 100%;
    cursor: pointer;
    margin-top: 0;
    margin-bottom: -1px;
}
.question:has(.question-titre.fc-dark) {
    border-color: var(--color-dark);
}
.question:has(.question-titre.fc-color-1) {
    border-color: var(--color-1);
}
.question:has(.question-titre.fc-color-2) {
    border-color: var(--color-2);
}
.question:has(.question-titre.fc-color-3) {
    border-color: var(--color-3);
}
.question:has(.question-titre.fc-color-4) {
    border-color: var(--color-4);
}
.question:has(.question-titre.fc-color-5) {
    border-color: var(--color-5);
}
.question:has(.question-titre.fc-color-6) {
    border-color: var(--color-6);
}
.question:has(.question-titre.fc-color-7) {
    border-color: var(--color-7);
}
.question:has(.question-titre.fc-color-8) {
    border-color: var(--color-8);
}

.question p[itemprop="name"] {
    color: var(--color-principale) !important;
}
.question::after {
    content: "\f078";
    font-family: 'Font Awesome 6 Pro';
    position: absolute;
    right: 0;
    font-size: 24px;
    font-weight: 300;
    line-height: 34px;
    top: 25%;
}
.reponse {
    color: var(--color-dark);
    width: 100%;
    transition: .3s;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
}
.reponse p {
    margin-top: 0;
}

.question.opened::after {
    content: "\f077";
}
.question:has(.question-titre.fc-dark)::after {
    color: var(--color-dark);
}
.question:has(.question-titre.fc-color-1)::after {
    color: var(--color-1);
}
.question:has(.question-titre.fc-color-2)::after {
    color: var(--color-2);
}
.question:has(.question-titre.fc-color-3)::after {
    color: var(--color-3);
}
.question:has(.question-titre.fc-color-4)::after {
    color: var(--color-4);
}
.question:has(.question-titre.fc-color-5)::after {
    color: var(--color-5);
}
.question:has(.question-titre.fc-color-6)::after {
    color: var(--color-6);
}
.question:has(.question-titre.fc-color-7)::after {
    color: var(--color-7);
}
.question:has(.question-titre.fc-color-8)::after {
    color: var(--color-8);
}
.question.opened,
.question.opened h2 {
    border-bottom: 0;
}

.question.opened + .reponse, .acf-block-component .reponse {
    padding: 1rem 0;
    max-height: 1200px;
    overflow: auto;
    opacity: 1;
}

.multi-cols:has(.faq) > div > h2 {
    color: var(--color-principale);
}
.multi-cols:has(.faq) h2[itemprop="name"] {
    display: inline;
    font-size: 26px;
    font-weight: 500;
    line-height: 34px;
    color: var(--color-principale);
}
p[itemprop="name"] {
    display: inline;
}

@media only screen and (min-width: 992px) {
    .question {
        padding-right: 40px;
    }

    .question.default-opened-desktop::after {
        content: "\f077";
    }
    .question.default-opened-desktop, .question.default-opened-desktop h2 {
        -color: var(--color-dark)!important;
        border-bottom: 0;
    }
    .question.default-opened-mobile + .reponse {
        padding: 1rem 0;
        max-height: 1200px;
        overflow: auto;
        opacity: 1;
    }
}

@media only screen and (max-width: 991px) {
    .question.default-opened-desktop + .reponse {
        padding: 1rem 0;
        max-height: 1200px;
        overflow: auto;
        opacity: 1;
    }
    .question.default-opened-mobile::after {
        content: "\f077";
    }
    .question.default-opened-mobile, .question.default-opened-mobile h2 {
        -color: var(--color-dark)!important;
        border-bottom: 0;
    }
    .question.default-opened-mobile + .reponse {
        padding: 1rem 0;
        max-height: 1200px;
        opacity: 1;
    }
}




/********************************************************************/
/****************************** Tableaux ****************************/
/********************************************************************/


.tableau {
    position: relative;
    margin-bottom: 1rem;
}
.tableau table {
    position: relative;
}
.tableau figure {
    margin-bottom: 0;
}
.tableau table,
.tableau th,
.tableau td {
    border: 0px solid var(--color-light);
}
.tableau table th,
.tableau table tr:first-child {
    color: var(--color-light);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px; /* 144.444% */
    text-transform: uppercase;
}
.tableau b, .tableau strong {
    color:  var(--color-principale);
    font-family: var(--font-1);
    font-size: 18px;
    font-style: normal;
    font-weight: 600!important;
    line-height: 26px;
}

.tableau figcaption {
    display: none;
}
.acf-block-preview .tableau {
    border: 2px dashed #8884;
}
.acf-block-preview .tableau > div {
    margin: 8px 0;
}
.acf-block-preview .tableau td {
    min-width: 40px;
}
.acf-block-preview .tableau td > div {
    border: 1px dashed #8884;
}

.tableau.header-fusion table th td,
.tableau.header-fusion table tr:first-child td {
    display: none;
}
.tableau.header-fusion table th td:first-child,
.tableau.header-fusion table tr:first-child td:first-child {
    display: table-cell;
}
.tableau.header-fusion table th td:first-child > div,
.tableau.header-fusion table tr:first-child td:first-child > div {
    position: absolute;
    top: 0px;
    margin-top: 0!important;
    margin-bottom: 0!important;
    padding: 0em 1.5em;
    background: var(--color-principale);
    min-height: 62px;
    padding-right: 50px !important;
    border: 0!important;
}
.tableau table td > div {
    align-items: center;
    padding: 1em 1.5em;
}

.tableau td {
    padding: 0;
    height: 62px;
}
main#the-content .tableau table td > div {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin: 0;
}


@media only screen and (max-width: 768px) {
    .tableau td {
        display: inline-block;
        min-width: 50%;
        border: 0!important;
        height: auto;
    }
    .tableau.header-fusion table th td:first-child > div,
    .tableau.header-fusion table tr:first-child td:first-child > div {
        position: relative;
        width: calc(100%) !important;
    }
    main#the-content .tableau table td:empty {
        display: none;
    }
}



.tab-th--color-1 table th, .tab-th--color-1 table tr:first-child {
    background: var(--color-1) !important;
}
.tab-th--color-2 table th, .tab-th--color-2 table tr:first-child {
    background: var(--color-2) !important;
}
.tab-th--color-3 table th, .tab-th--color-3 table tr:first-child {
    background: var(--color-3) !important;
}
.tab-th--color-4 table th, .tab-th--color-4 table tr:first-child {
    background: var(--color-4) !important;
}
.tab-th--color-5 table th, .tab-th--color-5 table tr:first-child {
    background: var(--color-5) !important;
}
.tab-th--color-6 table th, .tab-th--color-6 table tr:first-child {
    background: var(--color-6) !important;
}
.tab-th--color-7 table th, .tab-th--color-7 table tr:first-child {
    background: var(--color-7) !important;
}


.tableau table tr:nth-child(odd) {
    background: var(--color-pastelprincipale-15);
}
.tab-th--color-1 table tr:nth-child(odd) {
    background: var(--color-principale-15);
}
.tab-th--color-2 table tr:nth-child(odd) {
    background: var(--color-secondaire-15);
}
.tab-th--color-3 table tr:nth-child(odd) {
    background: var(--color-tertiaire-15);
}
.tab-th--color-4 table tr:nth-child(odd) {
    background: var(--color-pastelprincipale-15);
}
.tab-th--color-5 table tr:nth-child(odd) {
    background: var(--color-pastelsecondaire-15);
}
.tab-th--color-6 table tr:nth-child(odd) {
    background: var(--color-accent);
}
.tab-th--color-7 table tr:nth-child(odd) {
    background: var(--color-accentsecondaire);
}


.tableau table tr:nth-child(even) {
    background: var(--color-light);
}



.tableau {
    max-height: 62px;
    transition: .3s;
    overflow: hidden;
}

.tableau .tableau-toggle {
    position: absolute;
    width: 100%;
    height: 40px;
    top: 14px;
    right: 0px;
    z-index: 1;
    cursor: pointer;
    text-align: right;
}
.tableau .tableau-toggle::before {
    position: relative;
    content: "\f078";
    width: 40px;
    height: 40px;
    font-size: 24px;
    line-height: 34px;
    font-weight: 300;
    font-family: 'Font Awesome 6 Pro';
    color: var(--color-light);
    text-align: center;
    margin-right: 20px;
}
.tableau.opened .tableau-toggle::before {
    content: "\f077";
}
.tableau.opened, .acf-block-preview .tableau {
    max-height: 2000px;
    opacity: 1;
}
.acf-block-preview .tableau.header-fusion table th td:first-child > div,
.acf-block-preview .tableau.header-fusion table tr:first-child td:first-child > div {
    display: flex;
    align-items: center;

}
.acf-block-preview .tableau-toggle {
    display: none;
}

@media only screen and (min-width: 992px) {
    .tableau.default-opened-desktop .tableau-toggle::before {
        content: "\f077";
    }
    .tableau.default-opened-desktop {
        max-height: 2000px;
        opacity: 1;
    }
}
@media only screen and (max-width: 991px) {
    .tableau .tableau-toggle {
        width: 30px;
    }
    .tableau.default-opened-mobile .tableau-toggle::before {
        content: "\f077";
    }
    .tableau.default-opened-mobile {
        max-height: 2000px;
        opacity: 1;
    }
    .tableau.header-fusion table th td:first-child > div,
    .tableau.header-fusion table tr:first-child td:first-child > div {
        line-height: 21px;
    }
}









/********************************************************************/
/************************** RESEAUX SOCIAUX *************************/
/********************************************************************/
ul.rs {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.rs li {
    display: inline-block;
    margin: 0 12px;
}

ul.rs li a {
    display: block;
    color: var(--color-light);
    text-align: center;
}

ul.rs li a:hover {
    color: var(--color-3);
}


/********************************************************************/
/***************************** Popup old ****************************/
/********************************************************************/
#popup {
    position: fixed;
    overflow: scroll;
    top: 20px;
    bottom: 20px;
    left: 20%;
    right: 20%;
    border: 3px solid #000;
    background: #FFF;
    padding: 10px 20px;
    transition: .3s;
    display: none;
    opacity: 0;
}

#closePopup {
    position: fixed;
    border: 3px solid #000;
    background: #FFF;
    padding: 2px 20px;
    width: 70px;
    right: 24%;
    cursor: pointer;
}

#popup p {
    font-size: 15px;
}

#popup h1 {
    font-size: 20px;
    margin-top: 40px;
}


/********************************************************************/
/*************************** Youtube old ****************************/
/********************************************************************/

.container iframe {
    width: 100% !important;
    position: relative;
    aspect-ratio: 16/9;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%; /* ratio 16/9 */
    height: 0;
    overflow: hidden;
    clear: both;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.wp-video {
    width: 100% !important;
}
.wp-video video {
    aspect-ratio: 16 / 9;
}