.elementor-650 .elementor-element.elementor-element-d926e03{--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-650 .elementor-element.elementor-element-d926e03:not(.elementor-motion-effects-element-type-background), .elementor-650 .elementor-element.elementor-element-d926e03 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-650 .elementor-element.elementor-element-8b22662{padding:0px 8px 0px 8px;text-align:center;}.elementor-650 .elementor-element.elementor-element-8b22662 .elementor-heading-title{font-family:"Prompt", Sans-serif;font-size:16px;font-weight:100;text-transform:capitalize;font-style:normal;line-height:1em;color:#FFFFFF;}.elementor-650 .elementor-element.elementor-element-07c3ef6{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-650 .elementor-element.elementor-element-07c3ef6.elementor-element{--align-self:center;}.elementor-650 .elementor-element.elementor-element-07c3ef6 .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-650 .elementor-element.elementor-element-5c306c4{--divider-border-style:solid;--divider-color:var( --e-global-color-primary );--divider-border-width:1px;}.elementor-650 .elementor-element.elementor-element-5c306c4 .elementor-divider-separator{width:90%;margin:0 auto;margin-center:0;}.elementor-650 .elementor-element.elementor-element-5c306c4 .elementor-divider{text-align:center;padding-block-start:10px;padding-block-end:10px;}.elementor-650 .elementor-element.elementor-element-e6af74a{--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-650 .elementor-element.elementor-element-2f4d1f1{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-650 .elementor-element.elementor-element-2f4d1f1.elementor-element{--align-self:flex-start;}.elementor-650 .elementor-element.elementor-element-2f4d1f1 .elementor-heading-title{font-size:37px;}.elementor-650 .elementor-element.elementor-element-4cc7b3f{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-650 .elementor-element.elementor-element-60e6586{--display:flex;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-650 .elementor-element.elementor-element-07c3ef6 .elementor-heading-title{font-size:50px;}.elementor-650 .elementor-element.elementor-element-4cc7b3f{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 );}.elementor-650 .elementor-element.elementor-element-60e6586{--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-650 .elementor-element.elementor-element-d926e03{--width:100%;}.elementor-650 .elementor-element.elementor-element-e6af74a{--width:100%;}}@media(max-width:767px){.elementor-650 .elementor-element.elementor-element-d926e03{--margin-top:75px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-650 .elementor-element.elementor-element-8b22662{text-align:center;}.elementor-650 .elementor-element.elementor-element-07c3ef6{text-align:center;}.elementor-650 .elementor-element.elementor-element-e6af74a{--padding-top:60px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-650 .elementor-element.elementor-element-4cc7b3f{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 heading, class: .elementor-element-8b22662 */.elementor-650 .elementor-element.elementor-element-8b22662 {
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-91426b7 *//* =========================================================
   CONTENEUR
   ========================================================= */

.flipbox-wrapper {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 20px;

    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px;

    box-sizing: border-box;
}


/* =========================================================
   CARTE
   ========================================================= */

.flipbox {
    position: relative;

    width: 100%;
    min-width: 0;

    aspect-ratio: 4 / 3;

    overflow: hidden;

    border-radius: 12px;

    cursor: pointer;
}


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

.flipbox img {
    display: block;

    width: 100%;
    height: 100%;

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

    transition: transform 0.4s ease;
}


/* =========================================================
   VOILE BLEU
   ========================================================= */

.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;
}


/* =========================================================
   TABLETTE
   ========================================================= */

@media (max-width: 767px) {

    .flipbox-wrapper {
        grid-template-columns: 1fr;
        gap: 25px;
        padding: 0 15px;
    }

}


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

@media (max-width: 480px) {

    .flipbox-wrapper {
        padding: 0 10px;
    }

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

}/* End custom CSS */