.elementor-672 .elementor-element.elementor-element-5ce98f0{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--margin-top:00px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-672 .elementor-element.elementor-element-5ce98f0:not(.elementor-motion-effects-element-type-background), .elementor-672 .elementor-element.elementor-element-5ce98f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-672 .elementor-element.elementor-element-ec7b339{padding:20px 0px 20px 0px;text-align:center;font-family:"Prompt", Sans-serif;font-size:16px;font-weight:200;line-height:14px;letter-spacing:-0.5px;color:var( --e-global-color-accent );}.elementor-672 .elementor-element.elementor-element-ea5daa3{width:var( --container-widget-width, 68% );max-width:68%;padding:0px 00px 0px 00px;--container-widget-width:68%;--container-widget-flex-grow:0;text-align:center;}.elementor-672 .elementor-element.elementor-element-ea5daa3.elementor-element{--align-self:center;}.elementor-672 .elementor-element.elementor-element-ea5daa3 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:66px;font-weight:700;text-transform:uppercase;line-height:72px;letter-spacing:-2px;color:var( --e-global-color-accent );}.elementor-672 .elementor-element.elementor-element-7f42556{--divider-border-style:solid;--divider-color:var( --e-global-color-primary );--divider-border-width:1px;}.elementor-672 .elementor-element.elementor-element-7f42556 .elementor-divider-separator{width:90%;margin:0 auto;margin-center:0;}.elementor-672 .elementor-element.elementor-element-7f42556 .elementor-divider{text-align:center;padding-block-start:10px;padding-block-end:10px;}.elementor-672 .elementor-element.elementor-element-4d34080{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:060px;--padding-bottom:0px;--padding-left:80px;--padding-right:80px;}.elementor-672 .elementor-element.elementor-element-c49516f{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-672 .elementor-element.elementor-element-c49516f.elementor-element{--align-self:flex-start;}.elementor-672 .elementor-element.elementor-element-c49516f .elementor-heading-title{font-size:37px;}.elementor-672 .elementor-element.elementor-element-4514499{padding:0px 0px 0px 0px;text-align:justify;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-672 .elementor-element.elementor-element-36c886f{--display:flex;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-672 .elementor-element.elementor-element-ea5daa3 .elementor-heading-title{font-size:50px;}.elementor-672 .elementor-element.elementor-element-4514499{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}}@media(min-width:768px){.elementor-672 .elementor-element.elementor-element-5ce98f0{--width:100%;}.elementor-672 .elementor-element.elementor-element-4d34080{--width:100%;}}@media(max-width:767px){.elementor-672 .elementor-element.elementor-element-5ce98f0{--margin-top:75px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-672 .elementor-element.elementor-element-ea5daa3{text-align:center;}.elementor-672 .elementor-element.elementor-element-ea5daa3 .elementor-heading-title{font-size:40px;}.elementor-672 .elementor-element.elementor-element-4d34080{--padding-top:60px;--padding-bottom:0px;--padding-left:20px;--padding-right:020px;}.elementor-672 .elementor-element.elementor-element-4514499{text-align:start;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}}/* Start custom CSS for html, class: .elementor-element-500fb14 *//* =========================================================
   CARTE
   ========================================================= */

.flipbox {
    position: relative;

    width: 100%;
    max-width: 800px;


    overflow: hidden;

    border-radius: 12px;

    cursor: pointer;

    margin: 0 auto;
}


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

.flipbox img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    transition: transform 0.4s ease;
}


/* =========================================================
   VOILE BLEU DÉGRADÉ
   ========================================================= */

.flipbox-overlay {
    position: absolute;

    inset: 0;

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

    background: linear-gradient(
        135deg,
        rgba(38, 60, 126, 0.90) 0%,
        rgba(38, 60, 126, 0.65) 45%,
        rgba(38, 60, 126, 0.20) 100%
    );

    opacity: 0;

    transition: opacity 0.4s ease;
}


/* =========================================================
   APPARITION DU VOILE
   ========================================================= */

.flipbox:hover .flipbox-overlay {
    opacity: 1;
}


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

.flipbox-overlay h3 {
    margin: 0;

    color: #ffffff;

    font-size: 28px;
    font-weight: 600;

    text-align: center;
}


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

@media (max-width: 480px) {

    .flipbox-overlay h3 {
        font-size: 22px;
    }

}/* End custom CSS */