.elementor-1893 .elementor-element.elementor-element-bc07bae{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1893 .elementor-element.elementor-element-6dfd776{margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) -0.6rem;padding:0px 0px 0px 0px;--grid-side-margin:0.5rem;--grid-column-gap:0.5rem;--grid-row-gap:0px;--grid-bottom-margin:0px;--e-share-buttons-primary-color:var( --e-global-color-53380b4 );}.elementor-1893 .elementor-element.elementor-element-6dfd776 .elementor-share-btn{font-size:calc(0.5px * 10);height:1rem;border-width:0px;}.elementor-1893 .elementor-element.elementor-element-6dfd776 .elementor-share-btn__icon{--e-share-buttons-icon-size:1rem;}.elementor-1893 .elementor-element.elementor-element-6dfd776 .elementor-share-btn__title{font-family:"Atami", Sans-serif;font-size:0.8rem;font-weight:400;letter-spacing:0px;word-spacing:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1893 .elementor-element.elementor-element-3a41d32{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Atami", Sans-serif;font-size:1rem;font-weight:400;line-height:1rem;color:var( --e-global-color-53380b4 );}.elementor-1893 .elementor-element.elementor-element-f014ef0{--spacer-size:15vh;}.elementor-1893 .elementor-element.elementor-element-db847c8{width:var( --container-widget-width, 60% );max-width:60%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:60%;--container-widget-flex-grow:0;font-family:"Atami", Sans-serif;font-size:1rem;font-weight:400;line-height:1.2rem;color:#553A31;}.elementor-widget-ha-image-compare .twentytwenty-before-label:before, .elementor-widget-ha-image-compare .twentytwenty-after-label:before{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1893 .elementor-element.elementor-element-eee11ba{z-index:10;}.elementor-1893 .elementor-element.elementor-element-eee11ba .twentytwenty-handle:before, .elementor-1893 .elementor-element.elementor-element-eee11ba .twentytwenty-handle:after{background-color:var( --e-global-color-d2ae796 );}.elementor-1893 .elementor-element.elementor-element-eee11ba .twentytwenty-handle{border-color:var( --e-global-color-d2ae796 );}.elementor-1893 .elementor-element.elementor-element-eee11ba .twentytwenty-left-arrow{border-right-color:var( --e-global-color-d2ae796 );}.elementor-1893 .elementor-element.elementor-element-eee11ba .twentytwenty-right-arrow{border-left-color:var( --e-global-color-d2ae796 );}.elementor-1893 .elementor-element.elementor-element-eee11ba .twentytwenty-handle:before{box-shadow:var( --e-global-color-d2ae796 );}.elementor-1893 .elementor-element.elementor-element-eee11ba .twentytwenty-handle:after{box-shadow:var( --e-global-color-d2ae796 );}.elementor-1893 .elementor-element.elementor-element-eee11ba .twentytwenty-horizontal .twentytwenty-handle:before, .elementor-1893 .elementor-element.elementor-element-eee11ba .twentytwenty-horizontal .twentytwenty-handle:after{width:1px;margin-left:calc(-0px - 1px / 2);}.elementor-1893 .elementor-element.elementor-element-eee11ba .twentytwenty-vertical .twentytwenty-handle:before, .elementor-1893 .elementor-element.elementor-element-eee11ba .twentytwenty-vertical .twentytwenty-handle:after{height:1px;margin-top:calc(-0px - 1px / 2);}.elementor-1893 .elementor-element.elementor-element-eee11ba .twentytwenty-before-label:before, .elementor-1893 .elementor-element.elementor-element-eee11ba .twentytwenty-after-label:before{border-radius:0px 0px 0px 0px;background-color:var( --e-global-color-d2ae796 );font-family:"Atami", Sans-serif;font-size:0.8rem;font-weight:400;}.elementor-widget-post-navigation span.post-navigation__prev--label{color:var( --e-global-color-text );}.elementor-widget-post-navigation span.post-navigation__next--label{color:var( --e-global-color-text );}.elementor-widget-post-navigation span.post-navigation__prev--label, .elementor-widget-post-navigation span.post-navigation__next--label{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-post-navigation span.post-navigation__prev--title, .elementor-widget-post-navigation span.post-navigation__next--title{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1893 .elementor-element.elementor-element-ef429da{width:100%;max-width:100%;margin:6px 0px calc(var(--kit-widget-spacing, 0px) + 6px) 0px;padding:6px 0px 6px 0px;}.elementor-1893 .elementor-element.elementor-element-ef429da span.post-navigation__prev--label{color:#DAB595;}.elementor-1893 .elementor-element.elementor-element-ef429da span.post-navigation__next--label{color:#DAB595;}.elementor-1893 .elementor-element.elementor-element-ef429da span.post-navigation__prev--label, .elementor-1893 .elementor-element.elementor-element-ef429da span.post-navigation__next--label{font-family:"Atami", Sans-serif;font-size:0.9rem;font-weight:400;text-transform:none;}.elementor-1893 .elementor-element.elementor-element-ef429da span.post-navigation__prev--title, .elementor-1893 .elementor-element.elementor-element-ef429da span.post-navigation__next--title{color:var( --e-global-color-53380b4 );font-family:"Playfair Display", Sans-serif;font-size:2rem;font-weight:400;}.elementor-1893 .elementor-element.elementor-element-ef429da .elementor-post-navigation{padding:26px 0;}@media(max-width:1024px){ .elementor-1893 .elementor-element.elementor-element-6dfd776{--grid-side-margin:0.5rem;--grid-column-gap:0.5rem;--grid-row-gap:0px;--grid-bottom-margin:0px;}}@media(max-width:767px){ .elementor-1893 .elementor-element.elementor-element-6dfd776{--grid-side-margin:0.5rem;--grid-column-gap:0.5rem;--grid-row-gap:0px;--grid-bottom-margin:0px;}}/* Start custom CSS for html, class: .elementor-element-bc07bae */.field {
    display: flex;
    align-items: center;
    justify-content: space-around;

}

.arrow {
    width: 0;
    height: 40px;
    border-left: 1px solid #fff;
    position: relative;
    animation: scroll 1.5s infinite;
    -webkit-animation: scroll 1.5s infinite;
}

/* Pointe de la flèche */
.arrow::after {
    content: "";
    position: absolute;
    top: 100%;
    left: -5px;
    width: 0;
    height: 0;
    border-top: 10px solid #fff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

@keyframes scroll {
    0% {
        height: 40px;
    }

    30% {
        height: 70px;
    }

    60% {
        height: 40px;
    }

    100% {
        height: 40px;
    }
}

@-webkit-keyframes scroll {
    0% {
        height: 40px;
    }

    30% {
        height: 70px;
    }

    60% {
        height: 40px;
    }

    100% {
        height: 40px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6f6d0c6 *//* =========================================================
   PORTFOLIO GALERIE
   ========================================================= */


/* =========================================================
   CONTENEUR PRINCIPAL
   ========================================================= */

.portfolio-swiper {
    width: 100%;
    min-width: 0;
}


/* =========================================================
   GRANDE IMAGE
   ========================================================= */

.portfolio-swiper-main {
    width: 100%;
    min-width: 0;
    min-height: 0;
}

.portfolio-swiper-main.swiper {
    width: 100%;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

.portfolio-swiper-main .swiper-wrapper {
    display: flex;
}

.portfolio-swiper-main .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    min-width: 0;
}

.portfolio-swiper-main .swiper-slide a {
    display: block;
    width: 100%;
}

.portfolio-swiper-main .swiper-slide img {
    display: block;
    width: 100%;
    height: auto;
}


/* =========================================================
   COLONNE THUMBNAILS + BOUTONS
   ========================================================= */

.thumbnails-buttons {
    display: flex;
    flex-direction: column;

    width: 100%;
    height: 50vh;

    min-width: 0;
    min-height: 0;
}


/* =========================================================
   ZONE THUMBNAILS
   ========================================================= */

.thumbnails-buttons .portfolio-swiper-thumbs {
    flex: 1 1 auto;

    width: 100%;
    height: auto !important;

    min-width: 0;
    min-height: 0;

    overflow: hidden;
}


/* =========================================================
   SWIPER THUMBNAILS
   ========================================================= */

.portfolio-swiper-thumbs.swiper {
    width: 100%;
    height: 100%;

    min-width: 0;
    min-height: 0;

    overflow: hidden;
}


/* =========================================================
   WRAPPER THUMBNAILS
   ========================================================= */

.portfolio-swiper-thumbs .swiper-wrapper {
    display: flex;
    flex-direction: column;
}


/* =========================================================
   SLIDES THUMBNAILS
   ========================================================= */

.portfolio-swiper-thumbs .swiper-slide {
    flex-shrink: 0;

    width: 100% !important;

    min-width: 0;

    overflow: hidden;

    cursor: pointer;

    opacity: 0.5;

    transition: opacity 0.3s ease;
}


/* =========================================================
   IMAGES THUMBNAILS
   ========================================================= */

.portfolio-swiper-thumbs .swiper-slide img {
    display: block;

    width: 100%;
    height: auto;

    max-width: 100%;

    object-fit: contain;
}


/* =========================================================
   THUMBNAIL ACTIVE
   ========================================================= */

.portfolio-swiper-thumbs
.swiper-slide.is-active {
    opacity: 1;
}


/* =========================================================
   BOUTONS
   ========================================================= */

.thumbnails-buttons .boutons {
    flex: 0 0 auto;

    width: 100%;

    min-width: 0;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .thumbnails-buttons {
        width: 100%;
        height: auto;
    }

    .thumbnails-buttons .portfolio-swiper-thumbs {
        flex: 0 0 auto;
        height: auto !important;
    }

    .portfolio-swiper-thumbs.swiper {
        height: auto;
    }

    .portfolio-swiper-thumbs .swiper-wrapper {
        flex-direction: row;
    }

    .portfolio-swiper-thumbs .swiper-slide {
        width: auto !important;
        height: auto !important;
    }

    .portfolio-swiper-thumbs .swiper-slide img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }
}

/* ==========================================
   LIGHTBOX — NE PAS MODIFIER
   ========================================== */

#elementor-lightbox-slideshow-acf-portfolio-gallery
.elementor-swiper-button-prev,

#elementor-lightbox-slideshow-acf-portfolio-gallery
.elementor-swiper-button-next {

    position: fixed !important;

    top: 50% !important;
    transform: translateY(-50%) !important;

    z-index: 999999 !important;

    width: 44px !important;
    height: 44px !important;

    min-width: 44px !important;
    min-height: 44px !important;

    padding: 0 !important;
    margin: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    box-sizing: border-box !important;

    cursor: pointer !important;
}


#elementor-lightbox-slideshow-acf-portfolio-gallery
.elementor-swiper-button-prev {

    left: 25px !important;
    right: auto !important;
}


#elementor-lightbox-slideshow-acf-portfolio-gallery
.elementor-swiper-button-next {

    right: 25px !important;
    left: auto !important;
}


#elementor-lightbox-slideshow-acf-portfolio-gallery
.elementor-swiper-button-prev svg,

#elementor-lightbox-slideshow-acf-portfolio-gallery
.elementor-swiper-button-next svg {

    width: 24px !important;
    height: 24px !important;

    min-width: 24px !important;
    min-height: 24px !important;

    max-width: 24px !important;
    max-height: 24px !important;

    display: block !important;
}





.portfolio-swiper-thumbs {
    position: relative;
    z-index: 20;
}

.portfolio-swiper-thumbs .swiper-slide {
    position: relative;
    z-index: 21;
    pointer-events: auto !important;
    cursor: pointer !important;
}

.portfolio-swiper-thumbs .swiper-slide img {
    pointer-events: none !important;
}


.portfolio-swiper-thumbs .swiper-slide {
    cursor: pointer;
}

.portfolio-swiper-thumbs .swiper-slide.is-active {
    opacity: 1;
}

.portfolio-swiper-thumbs .swiper-slide:not(.is-active) {
    opacity: 0.5;
}/* End custom CSS */
/* Start custom CSS for ha-image-compare, class: .elementor-element-eee11ba */.image-compare{
    border-radius: 0!important;
}/* End custom CSS */
/* Start custom CSS for post-navigation, class: .elementor-element-ef429da *//* =========================================================
   NAVIGATION PORTFOLIO
   Elementor Post Navigation
   ========================================================= */


/* =========================================================
   CONTENEUR PRINCIPAL
   ========================================================= */

.elementor-widget-post-navigation .elementor-post-navigation {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}


/* =========================================================
   CACHER LE SÉPARATEUR ELEMENTOR
   ========================================================= */

.elementor-widget-post-navigation
.elementor-post-navigation__separator-wrapper {
    display: none;
}


/* =========================================================
   PRÉCÉDENT / SUIVANT
   ========================================================= */

.elementor-widget-post-navigation
.elementor-post-navigation__link {
    width: 50%;
}


/* =========================================================
   LIENS
   ========================================================= */

.elementor-widget-post-navigation
.elementor-post-navigation__link a {

    display: flex;
    align-items: center;

    width: 100%;

    text-decoration: none;
    color: inherit;

    gap: 30px;

    /*
     * Image par défaut :
     * aucun background si JS n'a pas encore trouvé l'image.
     */
    --portfolio-image: none;
}


/* =========================================================
   LIEN
   ========================================================= */

.elementor-widget-post-navigation
.elementor-post-navigation__link a {
    position: relative;
}


/* =========================================================
   CADRE IMAGE
   ========================================================= */

@property --portfolio-overlay {
    syntax: "<number>";
    inherits: false;
    initial-value: 1;
}


.elementor-widget-post-navigation
.elementor-post-navigation__link a::before {

    content: "";

    display: block;

    width: 300px;
    height: 158px;

    flex: 0 0 300px;

    box-sizing: border-box;

    border: 1px solid #DAB595;

    /*
     * Image
     */
    background-image:
        linear-gradient(
            rgba(255, 255, 255, var(--portfolio-overlay)),
            rgba(255, 255, 255, var(--portfolio-overlay))
        ),
        var(--portfolio-image);

    background-size:
        100% 100%,
        103% 103%;

    background-position:
        center,
        center;

    background-repeat:
        no-repeat,
        no-repeat;

    /*
     * Vraie transition d'opacité du voile
     * + léger zoom arrière de l'image.
     */
    transition:
        --portfolio-overlay 0.6s ease,
        background-size 0.6s ease;
}


/* =========================================================
   AU SURVOL
   ========================================================= */

.elementor-widget-post-navigation
.elementor-post-navigation__link a:hover::before {

    /*
     * Le voile blanc devient progressivement transparent.
     */
    --portfolio-overlay: 0;

    /*
     * Petit zoom arrière de l'image.
     */
    background-size:
        100% 100%,
        100% 100%;
}

/* =========================================================
   TITRE
   ========================================================= */

.elementor-widget-post-navigation
.post-navigation__prev--title,

.elementor-widget-post-navigation
.post-navigation__next--title {

    display: block;

    opacity: 0;

    transform: translateY(10px);

    transition:
        opacity 0.45s ease,
        transform 0.45s ease;
}


/* =========================================================
   TITRE AU SURVOL
   ========================================================= */

.elementor-widget-post-navigation
.elementor-post-navigation__link a:hover
.post-navigation__prev--title,

.elementor-widget-post-navigation
.elementor-post-navigation__link a:hover
.post-navigation__next--title {

    opacity: 1;

    transform: translateY(0);
}

/* =========================================================
   TITRES : RETOUR À LA LIGNE NATUREL
   ========================================================= */

.elementor-widget-post-navigation
.elementor-post-navigation__link {
    min-width: 0;
}

.elementor-widget-post-navigation
.elementor-post-navigation__link a {
    min-width: 0;
}

.elementor-widget-post-navigation
.post-navigation__prev--title,

.elementor-widget-post-navigation
.post-navigation__next--title {

    min-width: 0;
    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;
    hyphens: none;
    line-height: 1.3;
}









/* =========================================================
   LABEL PRÉCÉDENT / SUIVANT
   ========================================================= */

.elementor-widget-post-navigation
.post-navigation__prev--label,

.elementor-widget-post-navigation
.post-navigation__next--label {

    display: block;

    opacity: 1;
}


/* =========================================================
   PRÉCÉDENT
   ========================================================= */

.elementor-widget-post-navigation
.elementor-post-navigation__prev a {

    justify-content: flex-start;
}


/* =========================================================
   SUIVANT
   ========================================================= */

.elementor-widget-post-navigation
.elementor-post-navigation__next a {

    justify-content: flex-end;

    /*
     * Miroir horizontal :
     *
     * TITRE → IMAGE
     */
    flex-direction: row-reverse;
}


/* =========================================================
   ALIGNEMENT TEXTE
   ========================================================= */

.elementor-widget-post-navigation
.elementor-post-navigation__prev
.elementor-post-navigation__link__prev {

    text-align: left;
}


.elementor-widget-post-navigation
.elementor-post-navigation__next
.elementor-post-navigation__link__next {

    text-align: right;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 767px) {

    .elementor-widget-post-navigation
    .elementor-post-navigation {

        flex-direction: column;

        gap: 30px;
    }


    .elementor-widget-post-navigation
    .elementor-post-navigation__link {

        width: 100%;
    }


    .elementor-widget-post-navigation
    .elementor-post-navigation__link a {

        gap: 20px;
    }


    .elementor-widget-post-navigation
    .elementor-post-navigation__link a::before {

        width: 180px;
        height: 100px;

        flex-basis: 180px;
    }



}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Atami';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://madamebdecoration.com/wp-content/uploads/2026/09/Atami-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Atami';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://madamebdecoration.com/wp-content/uploads/2026/09/Atami-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */