/****************************************************/
/*  01. REALISATIONS FILTERS                        */
/****************************************************/
.realisations_filters .nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.realisations_filters .nav.nav-fill .nav-item {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center;
}
.realisations_filters .nav .nav-link {
    display: block;
    padding: 0.5rem 1rem;
}
.realisations_filters .category-name {
    position: relative;
    padding: 0.5rem 1.2rem;
}
.realisations_filters .category-name::before {
    content: "";
    background-color: #e58dc0;
    opacity: 0;
    font-weight: bold;
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    left: 20px;
    transition: opacity 0.25s ease-in-out, left 0.25s ease-in-out;
}
.realisations_filters .category-name::after {
    content: "";
    background-color: #e58dc0;
    opacity: 0;
    font-weight: bold;
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: 20px;
    transition: opacity 0.25s ease-in-out, right 0.25s ease-in-out;
}
.realisations_filters .category-name.active span, .realisations_filters .category-name:hover span {
    font-weight: bold !important;
}
.realisations_filters .category-name.active::before, .realisations_filters .category-name:hover::before {
    opacity: 1;
    left: 0;
}
.realisations_filters .category-name.active::after, .realisations_filters .category-name:hover::after {
    opacity: 1;
    right: 0;
}
/****************************************************/
/*  02. REALISATIONS GRID                           */
/****************************************************/
.realisations_grid .posts_grid, .realisations_grid .posts_grid.flex-container {
    display: grid;
    grid-template-columns: auto auto;
    gap: 60px;
}
.realisations_grid .posts_grid .js_nbr_post_total, .realisations_grid .posts_grid.flex-container .js_nbr_post_total {
    display: none;
}
.realisations_grid .posts_grid .client-tag, .realisations_grid .posts_grid.flex-container .client-tag {
    width: auto;
    z-index: 2;
    text-align: left;
}
.realisations_grid .posts_grid .card-title, .realisations_grid .posts_grid.flex-container .card-title {
    text-align: left;
}
.realisations_grid .posts_grid .categorie-realisation, .realisations_grid .posts_grid.flex-container .categorie-realisation {
    text-align: left;
}
.realisations_grid .posts_grid .categorie-realisation .badge, .realisations_grid .posts_grid.flex-container .categorie-realisation .badge {
    margin-right: 15px;
}
.realisations_grid .posts_grid .card-img-link, .realisations_grid .posts_grid.flex-container .card-img-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 680px;
}
.realisations_grid .posts_grid .card-img-link img, .realisations_grid .posts_grid.flex-container .card-img-link img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    border-radius: 50%;
}
.realisations_grid.realisations_grid_extra_wide .posts_grid .posts_grid_item .card-img-top, .realisations_grid.realisations_grid_extra_wide .posts_grid.flex-container .posts_grid_item .card-img-top {
    max-width: calc(100% + 127px);
    height: auto;
}
.realisations_grid.realisations_grid_extra_wide .posts_grid .posts_grid_item:nth-of-type(even) .card-img-link img, .realisations_grid.realisations_grid_extra_wide .posts_grid.flex-container .posts_grid_item:nth-of-type(even) .card-img-link img {
    margin-right: -127px;
}
.realisations_grid.realisations_grid_extra_wide .posts_grid .posts_grid_item:nth-of-type(even) .card-body, .realisations_grid.realisations_grid_extra_wide .posts_grid.flex-container .posts_grid_item:nth-of-type(even) .card-body {
    padding-left: 127px;
}
.realisations_grid.realisations_grid_extra_wide .posts_grid .posts_grid_item:nth-of-type(even) .client-tag, .realisations_grid.realisations_grid_extra_wide .posts_grid.flex-container .posts_grid_item:nth-of-type(even) .client-tag {
    left: 127px;
}
.realisations_grid.realisations_grid_extra_wide .posts_grid .posts_grid_item:nth-of-type(odd) .card-img-link img, .realisations_grid.realisations_grid_extra_wide .posts_grid.flex-container .posts_grid_item:nth-of-type(odd) .card-img-link img {
    margin-left: -127px;
}
.realisations_grid.realisations_grid_extra_wide .posts_grid .posts_grid_item:nth-of-type(odd) .card-body, .realisations_grid.realisations_grid_extra_wide .posts_grid.flex-container .posts_grid_item:nth-of-type(odd) .card-body {
    padding-right: 127px;
}
.realisations_grid.realisations_grid_extra_wide .posts_grid .no-result, .realisations_grid.realisations_grid_extra_wide .posts_grid.flex-container .no-result {
    grid-column: span 2;
}
/****************************************************/
/*  03. REALISATIONS CARD                           */
/****************************************************/
.realisation-card {
    position: relative;
}
.realisation-card .client-tag {
    position: absolute;
    top: -60px;
    left: 0;
    color: white;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 1.17;
    pointer-events: none;
}
.realisation-card .card-body {
    position: absolute;
    top: 160px;
    left: 0;
    z-index: 2;
    width: 100%;
    pointer-events: none;
}
.realisation-card .card-title {
    margin: 0;
}
.realisation-card .categorie-realisation {
    margin-top: 25px;
    margin-bottom: 30px;
}
.realisation-card .categorie-realisation .badge {
    color: white;
    font-size: 16px;
    line-height: 1.5;
    font-style: italic;
    display: block;
}
.realisation-card ul.categories_list {
    list-style: none;
    padding: 0;
}
.realisation-card.auto-width-height .card-img-top {
    max-width: 100%;
}
.realisation-card.auto-width-height .card-body {
    padding: 0 40px 0 50px;
    top: 110px;
}
.realisation-card.auto-width-height .client-tag {
    top: -33px;
    left: 50px;
    font-size: 14px;
}
.realisation-card.auto-width-height .categorie-realisation {
    margin: 10px 0;
}
.realisation-card.auto-width-height .categorie-realisation .badge {
    font-size: 12px;
}
.realisation-card.mini .client-tag {
    top: 80px;
    left: 50px;
}
.realisation-card.mini .card-body {
    top: 0;
    width: auto;
}
.realisation-card.mini ul.categories_list {
    margin: 10px 0;
}
.realisation-card.auto-width-height .chevrons.chevrons-horizontal, .realisation-card.mini .chevrons.chevrons-horizontal {
    width: 23px;
    height: 16px;
}
.realisation-card.auto-width-height .chevrons.chevrons-horizontal .chevron, .realisation-card.mini .chevrons.chevrons-horizontal .chevron {
    margin: 0 6% 0 4%;
    width: 40%;
    height: 100%;
}
.realisation-card.medium {
    height: 498px;
    width: 498px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
}
.realisation-card.medium .card-img-top {
    opacity: 0;
    width: 498px;
    height: 498px;
    border-radius: 50%;
}
.realisation-card.medium .background-video {
    opacity: 0;
    pointer-events: none;
    width: 498px;
    height: 498px;
    border-radius: 50%;
}
.realisation-card.medium .card-body {
    top: 0;
    width: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: start;
    align-items: start;
    height: 100%;
    padding: 0 90px;
}
.realisation-card.medium .client-tag {
    position: relative;
    top: auto;
    left: auto;
}
.realisation-card.medium .card-title {
    margin-top: 25px;
    /*margin-bottom:35px;*/
}
.realisation-card.medium .badge-container.categorie-realisation {
    position: relative;
    transition: height 0.25s ease-in-out;
}
.realisation-card.medium .badge-container.categorie-realisation .badge {
    font-size: 20px;
    font-weight: 800;
    font-stretch: normal;
    font-style: italic;
    line-height: 1.67;
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    text-transform: uppercase;
}
.realisation-card.medium .card-btn-link {
    margin-top: 35px;
}
.realisation-card.medium .card-img-top, .realisation-card.medium .background-video {
    transition: opacity 0.25s ease-in-out;
}
.realisation-card.medium.card-default .client-tag {
    order: 1;
}
.realisation-card.medium.card-default .card-title, .realisation-card.medium.card-default .card-title-link {
    order: 2;
}
.realisation-card.medium.card-default .badge-container.categorie-realisation {
    order: 3;
}
.realisation-card.medium.card-default .card-btn-link {
    order: 4;
}
/****************************************************/
/*  10. ANIMATION KEYFRAMES                         */
/****************************************************/
@keyframes bounce-right-medium {
    from {
        transform: translateX(0);
        margin: 0 2% 0 1%;
    }
    to {
        transform: translateX(20px);
        margin: 0 4% 0 2%;
    }
}
@keyframes bounce-right-mini {
    from {
        transform: translateX(0);
        margin: 0 2% 0 2%;
    }
    to {
        transform: translateX(20px);
        margin: 0 6% 0 4%;
    }
}
/****************************************************/
/*  90. RESPONSIVE                                  */
/****************************************************/
/****************************************************/
/*  91. RESPONSIVE desktop                          */
/****************************************************/
@media screen and (min-width: 1366px) {
    /****************************************************/
    /*  03. REALISATIONS CARD                           */
    /****************************************************/
    .realisation-card.grow-on-hover {
        transition: transform 0.25s ease-in-out;
    }
    .realisation-card.grow-on-hover.active, .realisation-card.grow-on-hover:hover {
        transform: scale(1.1);
    }
    .realisation-card.grow-on-hover.active .chevrons-container .chevrons .chevron, .realisation-card.grow-on-hover:hover .chevrons-container .chevrons .chevron {
        animation: bounce-right-medium 0.7s ease-in infinite alternate;
    }
    .realisation-card.grow-on-hover.auto-width-height.active .chevrons-container .chevrons .chevron, .realisation-card.grow-on-hover.auto-width-height:hover .chevrons-container .chevrons .chevron, .realisation-card.grow-on-hover.mini.active .chevrons-container .chevrons .chevron, .realisation-card.grow-on-hover.mini:hover .chevrons-container .chevrons .chevron {
        animation: bounce-right-mini 0.7s ease-in infinite alternate;
    }
    .realisation-card .card-img-top.mobile-only {
        display: none;
    }
    .auto-link-wrap.active .realisation-card.show-background-on-hover.card-default .card-img-top, .auto-link-wrap:hover .realisation-card.show-background-on-hover.card-default .card-img-top {
        opacity: 1;
    }
    .auto-link-wrap.active .realisation-card.show-background-on-hover.card-default .background-video, .auto-link-wrap:hover .realisation-card.show-background-on-hover.card-default .background-video {
        opacity: 1;
    }
    .auto-link-wrap.active .realisation-card.show-background-on-hover.card-default .card-title, .auto-link-wrap:hover .realisation-card.show-background-on-hover.card-default .card-title {
        opacity: 0;
        height: 0 !important;
        margin: 0;
    }
    .auto-link-wrap.active .realisation-card.show-background-on-hover.card-default .client-tag, .auto-link-wrap:hover .realisation-card.show-background-on-hover.card-default .client-tag {
        opacity: 0;
        height: 0 !important;
        margin: 0;
    }
    .auto-link-wrap.active .realisation-card.show-background-on-hover.card-default .badge-container.categorie-realisation, .auto-link-wrap:hover .realisation-card.show-background-on-hover.card-default .badge-container.categorie-realisation {
        margin: 0;
        opacity: 1;
    }
    .auto-link-wrap.active .realisation-card.show-background-on-hover.card_cc_home_realisation .card-img-top, .auto-link-wrap:hover .realisation-card.show-background-on-hover.card_cc_home_realisation .card-img-top {
        opacity: 1;
    }
    .auto-link-wrap.active .realisation-card.show-background-on-hover.card_cc_home_realisation .background-video, .auto-link-wrap:hover .realisation-card.show-background-on-hover.card_cc_home_realisation .background-video {
        opacity: 1;
    }
    .auto-link-wrap.active .realisation-card.show-background-on-hover.card_cc_home_realisation .card-body, .auto-link-wrap:hover .realisation-card.show-background-on-hover.card_cc_home_realisation .card-body {
        width: 100%;
    }
    .auto-link-wrap.active .realisation-card.show-background-on-hover.card_cc_home_realisation .card-body .front-side, .auto-link-wrap:hover .realisation-card.show-background-on-hover.card_cc_home_realisation .card-body .front-side, .auto-link-wrap.active .realisation-card.show-background-on-hover.card_cc_home_realisation .card-body .back-side, .auto-link-wrap:hover .realisation-card.show-background-on-hover.card_cc_home_realisation .card-body .back-side {
        display: flex;
        flex-direction: column;
        position: absolute;
        padding-right: 90px;
        transition: opacity 0.5s ease-in-out;
    }
    .auto-link-wrap.active .realisation-card.show-background-on-hover.card_cc_home_realisation .card-body .front-side, .auto-link-wrap:hover .realisation-card.show-background-on-hover.card_cc_home_realisation .card-body .front-side {
        opacity: 0;
    }
    .auto-link-wrap.active .realisation-card.show-background-on-hover.card_cc_home_realisation .card-body .back-side, .auto-link-wrap:hover .realisation-card.show-background-on-hover.card_cc_home_realisation .card-body .back-side {
        opacity: 1;
    }
    .auto-link-wrap.active .realisation-card.show-background-on-hover.card_cc_home_realisation .card-btn-link.card-btn-link-back, .auto-link-wrap:hover .realisation-card.show-background-on-hover.card_cc_home_realisation .card-btn-link.card-btn-link-back {
        margin-top: 0;
    }
    .auto-link-wrap:not(:hover):not(.active) .realisation-card.show-background-on-hover.card-default .badge-container.categorie-realisation {
        height: 0 !important;
        margin: 0;
        opacity: 0;
        display: block;
    }
    .auto-link-wrap:not(:hover):not(.active) .realisation-card.show-background-on-hover.card_cc_home_realisation .card-img-top {
        opacity: 0;
    }
    .auto-link-wrap:not(:hover):not(.active) .realisation-card.show-background-on-hover.card_cc_home_realisation .background-video {
        opacity: 0;
    }
    .auto-link-wrap:not(:hover):not(.active) .realisation-card.show-background-on-hover.card_cc_home_realisation .card-body {
        width: 100%;
    }
    .auto-link-wrap:not(:hover):not(.active) .realisation-card.show-background-on-hover.card_cc_home_realisation .card-body .front-side, .auto-link-wrap:not(:hover):not(.active) .realisation-card.show-background-on-hover.card_cc_home_realisation .card-body .back-side {
        display: flex;
        flex-direction: column;
        position: absolute;
        padding-right: 90px;
        transition: opacity 0.5s ease-in-out;
    }
    .auto-link-wrap:not(:hover):not(.active) .realisation-card.show-background-on-hover.card_cc_home_realisation .card-body .front-side {
        opacity: 1;
    }
    .auto-link-wrap:not(:hover):not(.active) .realisation-card.show-background-on-hover.card_cc_home_realisation .card-body .back-side {
        opacity: 0;
    }
    .auto-link-wrap:not(:hover):not(.active) .realisation-card.show-background-on-hover.card_cc_home_realisation .card-btn-link.card-btn-link-back {
        margin-top: 0;
    }
}
/****************************************************/
/*  92. RESPONSIVE mobile+tablette                  */
/****************************************************/
@media screen and (min-width: 200px) and (max-width: 1365px) {
    /****************************************************/
    /*  01. REALISATIONS FILTERS                        */
    /****************************************************/
    .realisations-filters.realisations-filters-mobile li {
        margin-bottom: 10px;
    }
    .realisations-filters.realisations-filters-mobile li .category-name {
        padding: 0;
    }
    .realisations-filters.realisations-filters-mobile li .category-name::after {
        content: none;
        display: none;
    }
    .realisations-filters.realisations-filters-mobile li .category-name.active {
        padding-left: 18px;
        /****************************************************/
        /*  02. REALISATIONS GRID                           */
        /****************************************************/
    }
    .realisations_grid.realisations_grid_extra_wide .posts_grid .posts_grid_item:nth-of-type(even) .card-img-link img, .realisations_grid.realisations_grid_extra_wide .posts_grid.flex-container .posts_grid_item:nth-of-type(even) .card-img-link img, .realisations_grid.realisations_grid_extra_wide .posts_grid .posts_grid_item:nth-of-type(odd) .card-img-link img, .realisations_grid.realisations_grid_extra_wide .posts_grid.flex-container .posts_grid_item:nth-of-type(odd) .card-img-link img {
        margin-right: auto;
        margin-left: auto;
    }
    .realisations_grid.realisations_grid_extra_wide .posts_grid .posts_grid_item:nth-of-type(even) .card-body, .realisations_grid.realisations_grid_extra_wide .posts_grid.flex-container .posts_grid_item:nth-of-type(even) .card-body, .realisations_grid.realisations_grid_extra_wide .posts_grid .posts_grid_item:nth-of-type(odd) .card-body, .realisations_grid.realisations_grid_extra_wide .posts_grid.flex-container .posts_grid_item:nth-of-type(odd) .card-body {
        padding-left: 47px;
        padding-right: 47px;
    }
    .realisations_grid.realisations_grid_extra_wide .posts_grid .posts_grid_item:nth-of-type(even) .card-img-top, .realisations_grid.realisations_grid_extra_wide .posts_grid.flex-container .posts_grid_item:nth-of-type(even) .card-img-top, .realisations_grid.realisations_grid_extra_wide .posts_grid .posts_grid_item:nth-of-type(odd) .card-img-top, .realisations_grid.realisations_grid_extra_wide .posts_grid.flex-container .posts_grid_item:nth-of-type(odd) .card-img-top {
        max-width: 100%;
        height: auto;
    }
    .realisations_grid.realisations_grid_extra_wide .posts_grid .posts_grid_item:nth-of-type(even) .card-img-top.desktop-only, .realisations_grid.realisations_grid_extra_wide .posts_grid.flex-container .posts_grid_item:nth-of-type(even) .card-img-top.desktop-only, .realisations_grid.realisations_grid_extra_wide .posts_grid .posts_grid_item:nth-of-type(odd) .card-img-top.desktop-only, .realisations_grid.realisations_grid_extra_wide .posts_grid.flex-container .posts_grid_item:nth-of-type(odd) .card-img-top.desktop-only {
        display: none;
    }
    .realisations_grid.realisations_grid_extra_wide .posts_grid .posts_grid_item:nth-of-type(even) .client-tag, .realisations_grid.realisations_grid_extra_wide .posts_grid.flex-container .posts_grid_item:nth-of-type(even) .client-tag, .realisations_grid.realisations_grid_extra_wide .posts_grid .posts_grid_item:nth-of-type(odd) .client-tag, .realisations_grid.realisations_grid_extra_wide .posts_grid.flex-container .posts_grid_item:nth-of-type(odd) .client-tag {
        top: -20px;
        left: 47px;
        font-size: 12px;
    }
    .realisations_grid .realisation-card .card-body, .realisations_grid .realisation-card.auto-width-height .card-body {
        top: 90px;
    }
    .realisations_grid .realisation-card .card-title, .realisations_grid .realisation-card.auto-width-height .card-title {
        margin: 0;
        font-size: 16px;
    }
    .realisations_grid .realisation-card .categorie-realisation, .realisations_grid .realisation-card.auto-width-height .categorie-realisation {
        margin-top: 10px;
        margin-bottom: 15px;
    }
    .realisations_grid .realisation-card .categorie-realisation .badge, .realisations_grid .realisation-card.auto-width-height .categorie-realisation .badge {
        font-size: 9px;
        /****************************************************/
        /*  03. REALISATIONS CARD                           */
        /****************************************************/
    }
    .realisation-card, .realisation-card.medium {
        height: 326px;
        width: 326px;
        margin: 0 auto;
    }
    .realisation-card .chevrons.chevrons-horizontal, .realisation-card.medium .chevrons.chevrons-horizontal {
        width: 20px;
        height: 12px;
        flex-direction: row;
    }
    .realisation-card .chevrons.chevrons-horizontal .chevron, .realisation-card.medium .chevrons.chevrons-horizontal .chevron {
        margin: 0 6% 0 4%;
        width: 40%;
        height: 100%;
        animation: none;
    }
    .realisations-enjeux .realisation-card, .realisations-home .realisation-card, .realisations-enjeux .realisation-card.medium, .realisations-home .realisation-card.medium {
        height: 300px;
        width: 300px;
        margin: 0 auto;
    }
    .realisations-enjeux .realisation-card .card-body, .realisations-home .realisation-card .card-body, .realisations-enjeux .realisation-card.medium .card-body, .realisations-home .realisation-card.medium .card-body {
        width: 100%;
        padding: 0 30px;
    }
    .realisations-enjeux .realisation-card .card-title, .realisations-home .realisation-card .card-title, .realisations-enjeux .realisation-card.medium .card-title, .realisations-home .realisation-card.medium .card-title {
        text-align: center;
    }
    .realisations-enjeux .realisation-card .client-tag, .realisations-home .realisation-card .client-tag, .realisations-enjeux .realisation-card.medium .client-tag, .realisations-home .realisation-card.medium .client-tag {
        text-align: center;
        width: 100%;
        font-size: 14px;
    }
    .realisations-enjeux .realisation-card .card-btn-link, .realisations-home .realisation-card .card-btn-link, .realisations-enjeux .realisation-card.medium .card-btn-link, .realisations-home .realisation-card.medium .card-btn-link {
        margin: 25px 15px 0;
        align-self: stretch;
    }
    .realisations-enjeux .realisation-card .chevrons.chevrons-horizontal, .realisations-home .realisation-card .chevrons.chevrons-horizontal, .realisations-enjeux .realisation-card.medium .chevrons.chevrons-horizontal, .realisations-home .realisation-card.medium .chevrons.chevrons-horizontal {
        width: 20px;
        height: 12px;
        flex-direction: row;
    }
    .realisations-enjeux .realisation-card .chevrons.chevrons-horizontal .chevron, .realisations-home .realisation-card .chevrons.chevrons-horizontal .chevron, .realisations-enjeux .realisation-card.medium .chevrons.chevrons-horizontal .chevron, .realisations-home .realisation-card.medium .chevrons.chevrons-horizontal .chevron {
        margin: 0 6% 0 4%;
        width: 40%;
        height: 100%;
        animation: none;
    }
    .show-on-mobile-btn-filter:not(.show) {
        transition: opacity 0.25s ease-in-out;
    }
    .show-on-mobile-btn-filter:not(.show) {
        opacity: 0;
        pointer-events: none;
    }
    .button-fixed-bottom-if-not-in-viewport .elementor-button.fixed-bottom {
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0;
    }
    .show-on-mobile-btn-filter .elementor-column > .elementor-column-wrap {
        transition: transform 0.25s ease-in-out 0.25s;
    }
    .show-on-mobile-btn-filter:not(.show) .elementor-column > .elementor-column-wrap {
        transform: translateY(100vh);
    }
    .show-on-mobile-btn-filter.show .elementor-column > .elementor-column-wrap {
        transform: translateY(0);
        transition: transform 0.25s ease-in-out;
    }
    .auto-link-wrap.active .realisation-card.show-background-on-hover .card-img-top {
        opacity: 1;
        max-height: 100%;
    }
    .auto-link-wrap.active .realisation-card.show-background-on-hover .background-video {
        opacity: 1;
        max-height: 100%;
    }
    .auto-link-wrap.active .realisation-card.show-background-on-hover .card-title {
        opacity: 0;
        height: 0 !important;
        margin: 0;
    }
    .auto-link-wrap.active .realisation-card.show-background-on-hover .client-tag {
        opacity: 0;
        height: 0 !important;
        margin: 0;
    }
    .auto-link-wrap.active .realisation-card.show-background-on-hover .badge-container.categorie-realisation {
        margin: 0;
        opacity: 1;
        width: 100%;
    }
    .auto-link-wrap.active .realisation-card.show-background-on-hover .badge-container.categorie-realisation .badge {
        font-size: 18px;
        text-align: center;
    }
    .auto-link-wrap:not(.active) .realisation-card.show-background-on-hover .badge-container.categorie-realisation {
        height: 0 !important;
        margin: 0;
        opacity: 0;
        display: block;
    }
    .auto-link-wrap:not(.active) .realisation-card.show-background-on-hover.card_cc_home_realisation .card-img-top {
        opacity: 0;
    }
    .auto-link-wrap:not(.active) .realisation-card.show-background-on-hover.card_cc_home_realisation .background-video {
        opacity: 0;
    }
    .auto-link-wrap:not(.active) .realisation-card.show-background-on-hover.card_cc_home_realisation .card-body {
        width: 100%;
    }
    .auto-link-wrap:not(.active) .realisation-card.show-background-on-hover.card_cc_home_realisation .card-body .front-side, .auto-link-wrap:not(.active) .realisation-card.show-background-on-hover.card_cc_home_realisation .card-body .back-side {
        width: 240px;
        display: flex;
        flex-direction: column;
        position: absolute;
        padding-right: 0px;
        transition: opacity 0.5s ease-in-out;
    }
    .auto-link-wrap:not(.active) .realisation-card.show-background-on-hover.card_cc_home_realisation .card-body .front-side {
        opacity: 1;
    }
    .auto-link-wrap:not(.active) .realisation-card.show-background-on-hover.card_cc_home_realisation .card-body .back-side {
        opacity: 0;
    }
    .auto-link-wrap:not(.active) .realisation-card.show-background-on-hover.card_cc_home_realisation .card-btn-link.card-btn-link-back {
        margin-top: 10px;
    }
    .auto-link-wrap:not(.active) .realisation-card.show-background-on-hover.card_cc_home_realisation .card-title, .auto-link-wrap:not(.active) .realisation-card.show-background-on-hover.card_cc_home_realisation .badge-container.categorie-realisation .badge {
        font-size: 14px;
    }
    .auto-link-wrap:not(.active) .realisation-card.show-background-on-hover.card_cc_home_realisation .front-side .card-btn-link {
        margin: 25px 35px 0;
    }
    .auto-link-wrap:not(.active) .realisation-card.show-background-on-hover.card_cc_home_realisation .back-side .card-btn-link {
        margin: 10px 35px 0;
    }
    .auto-link-wrap.active .realisation-card.show-background-on-hover.card-default .card-img-top, .auto-link-wrap:hover .realisation-card.show-background-on-hover.card-default .card-img-top {
        opacity: 1;
    }
    .auto-link-wrap.active .realisation-card.show-background-on-hover.card-default .background-video, .auto-link-wrap:hover .realisation-card.show-background-on-hover.card-default .background-video {
        opacity: 1;
    }
    .auto-link-wrap.active .realisation-card.show-background-on-hover.card-default .card-title, .auto-link-wrap:hover .realisation-card.show-background-on-hover.card-default .card-title {
        opacity: 0;
        height: 0 !important;
        margin: 0;
    }
    .auto-link-wrap.active .realisation-card.show-background-on-hover.card-default .client-tag, .auto-link-wrap:hover .realisation-card.show-background-on-hover.card-default .client-tag {
        opacity: 0;
        height: 0 !important;
        margin: 0;
    }
    .auto-link-wrap.active .realisation-card.show-background-on-hover.card-default .badge-container.categorie-realisation, .auto-link-wrap:hover .realisation-card.show-background-on-hover.card-default .badge-container.categorie-realisation {
        margin: 0;
        opacity: 1;
    }
    .auto-link-wrap.active .realisation-card.show-background-on-hover.card-default .card-btn-link.card-btn-link-back, .auto-link-wrap:hover .realisation-card.show-background-on-hover.card-default .card-btn-link.card-btn-link-back {
        margin-top: 0;
    }
    .auto-link-wrap.active .realisation-card.show-background-on-hover.card_cc_home_realisation .card-img-top, .auto-link-wrap:hover .realisation-card.show-background-on-hover.card_cc_home_realisation .card-img-top {
        opacity: 1;
    }
    .auto-link-wrap.active .realisation-card.show-background-on-hover.card_cc_home_realisation .background-video, .auto-link-wrap:hover .realisation-card.show-background-on-hover.card_cc_home_realisation .background-video {
        opacity: 1;
    }
    .auto-link-wrap.active .realisation-card.show-background-on-hover.card_cc_home_realisation .card-body, .auto-link-wrap:hover .realisation-card.show-background-on-hover.card_cc_home_realisation .card-body {
        width: 100%;
    }
    .auto-link-wrap.active .realisation-card.show-background-on-hover.card_cc_home_realisation .card-body .front-side, .auto-link-wrap:hover .realisation-card.show-background-on-hover.card_cc_home_realisation .card-body .front-side, .auto-link-wrap.active .realisation-card.show-background-on-hover.card_cc_home_realisation .card-body .back-side, .auto-link-wrap:hover .realisation-card.show-background-on-hover.card_cc_home_realisation .card-body .back-side {
        width: 240px;
        display: flex;
        flex-direction: column;
        position: absolute;
        padding-right: 0px;
        transition: opacity 0.5s ease-in-out;
    }
    .auto-link-wrap.active .realisation-card.show-background-on-hover.card_cc_home_realisation .card-body .front-side, .auto-link-wrap:hover .realisation-card.show-background-on-hover.card_cc_home_realisation .card-body .front-side {
        opacity: 0;
    }
    .auto-link-wrap.active .realisation-card.show-background-on-hover.card_cc_home_realisation .card-body .back-side, .auto-link-wrap:hover .realisation-card.show-background-on-hover.card_cc_home_realisation .card-body .back-side {
        opacity: 1;
    }
    .auto-link-wrap.active .realisation-card.show-background-on-hover.card_cc_home_realisation .card-btn-link.card-btn-link-back, .auto-link-wrap:hover .realisation-card.show-background-on-hover.card_cc_home_realisation .card-btn-link.card-btn-link-back {
        margin-top: 10px;
    }
    .auto-link-wrap.active .realisation-card.show-background-on-hover.card_cc_home_realisation .card-title, .auto-link-wrap:hover .realisation-card.show-background-on-hover.card_cc_home_realisation .card-title, .auto-link-wrap.active .realisation-card.show-background-on-hover.card_cc_home_realisation .badge-container.categorie-realisation .badge, .auto-link-wrap:hover .realisation-card.show-background-on-hover.card_cc_home_realisation .badge-container.categorie-realisation .badge {
        font-size: 14px;
    }
    .auto-link-wrap.active .realisation-card.show-background-on-hover.card_cc_home_realisation .front-side .card-btn-link, .auto-link-wrap:hover .realisation-card.show-background-on-hover.card_cc_home_realisation .front-side .card-btn-link {
        margin: 25px 35px 0;
    }
    .auto-link-wrap.active .realisation-card.show-background-on-hover.card_cc_home_realisation .back-side .card-btn-link, .auto-link-wrap:hover .realisation-card.show-background-on-hover.card_cc_home_realisation .back-side .card-btn-link {
        margin: 10px 35px 0;
    }
}