.elementor-1138 .elementor-element.elementor-element-04e2857{width:var( --container-widget-width, 88.559% );max-width:88.559%;--container-widget-width:88.559%;--container-widget-flex-grow:0;}.elementor-1138 .elementor-element.elementor-element-04e2857.elementor-element{--flex-grow:0;--flex-shrink:0;}/* Start custom CSS for html, class: .elementor-element-10fed3d */.se-lieux-locations-follow{
    padding-top:0;
}/* End custom CSS */
/* Start custom CSS *//* =========================================================
   SO'EASY — PAGE LIEUX DE FORMATION
   VERSION ELEMENTOR
   TYPOGRAPHIES HÉRITÉES DU SITE
   ========================================================= */


/* =========================================================
   BASE
   ========================================================= */

.se-lieux,
.se-lieux *,
.se-lieux *::before,
.se-lieux *::after{
    box-sizing:border-box;
}

.se-lieux{
    width:100%;
    margin:0;
    padding-left:0;
    padding-right:0;
    color:#0A2933;
}

.se-lieux h1,
.se-lieux h2,
.se-lieux h3,
.se-lieux h4,
.se-lieux p{
    margin-top:0;
}

.se-lieux img{
    display:block;
    width:100%;
    max-width:100%;
}

.se-lieux-container{
    width:90%;
    max-width:1180px;
    margin-left:auto;
    margin-right:auto;
}


/* =========================================================
   TITRES / LABELS
   ========================================================= */

.se-lieux-tag{
    display:block;

    margin-bottom:14px;

    color:#F45B8F;

    font-size:12px;
    line-height:1.3;
    font-weight:700;

    letter-spacing:.13em;
    text-transform:uppercase;
}


.se-lieux-title{
    margin-bottom:0;

    color:#0A2933;

    font-size:clamp(31px,3.6vw,50px);
    line-height:1.05;
    letter-spacing:-1.4px;

    font-weight:800;
}


.se-lieux-lead{
    margin-bottom:0;

    color:#54707B;

    font-size:17px;
    line-height:1.8;
}


/* =========================================================
   BLOC 1
   HERO
   ========================================================= */

.se-lieux-hero{
    position:relative;

    overflow:hidden;

    min-height:650px;

    display:flex;
    align-items:center;

    background:
        radial-gradient(
            circle at 84% 16%,
            rgba(255,255,255,.13),
            transparent 22%
        ),
        radial-gradient(
            circle at 12% 82%,
            rgba(208,232,238,.14),
            transparent 25%
        ),
        linear-gradient(
            120deg,
            #073C4D 0%,
            #025B72 58%,
            #0C748B 100%
        );

    color:#FFFFFF;
}


.se-lieux-hero-grid{
    display:grid;

    grid-template-columns:
        minmax(0,1.02fr)
        minmax(0,.98fr);

    gap:60px;

    align-items:center;

    padding-top:74px;
    padding-bottom:74px;
}


.se-lieux-kicker{
    display:inline-flex;

    align-items:center;

    gap:8px;

    padding:7px 13px;

    border:1px solid rgba(255,255,255,.26);

    border-radius:999px;

    color:#FFFFFF;

    font-size:12px;
    line-height:1.3;
    letter-spacing:.09em;

    text-transform:uppercase;
}


.se-lieux-kicker::before{
    content:"";

    width:7px;
    height:7px;

    flex:0 0 7px;

    border-radius:50%;

    background:#F45B8F;
}


.se-lieux-hero h1{
    margin:22px 0 24px;

    color:#FFFFFF;

    font-size:clamp(42px,5.3vw,74px);
    line-height:.98;
    letter-spacing:-2.4px;

    font-weight:800;
}


.se-lieux-hero-text{
    max-width:625px;

    margin:0 0 32px;

    color:rgba(255,255,255,.82);

    font-size:18px;
    line-height:1.7;
}


.se-lieux-hero-points{
    display:flex;

    flex-wrap:wrap;

    gap:10px;
}


.se-lieux-hero-points span{
    display:inline-block;

    padding:10px 14px;

    border-radius:999px;

    background:#FFFFFF;

    color:#0A2933;

    font-size:13px;
    font-weight:600;
}


/* =========================================================
   COLLAGE PHOTOS HERO
   ========================================================= */

.se-lieux-collage{
    display:grid;

    grid-template-columns:
        minmax(0,1.1fr)
        minmax(0,.9fr);

    grid-template-rows:1fr 1fr;

    gap:12px;
}


.se-lieux-collage img{
    width:100%;
    height:100%;

    object-fit:cover;
}


.se-lieux-collage-big{
    grid-row:1 / 3;

    min-height:520px;

    border-radius:28px 8px 8px 28px;
}


.se-lieux-collage-small{
    min-height:254px;

    border-radius:8px 28px 8px 8px;
}


.se-lieux-collage-small-bottom{
    min-height:254px;

    border-radius:8px 8px 28px 8px;
}


/* =========================================================
   BLOC 2
   INTRODUCTION
   ========================================================= */

.se-lieux-intro{
    padding-top:76px;
    padding-bottom:84px;

    background:#FFFFFF;
}


.se-lieux-intro-grid{
    display:grid;

    grid-template-columns:
        minmax(0,.9fr)
        minmax(0,1.1fr);

    gap:70px;

    align-items:end;

    margin-bottom:44px;
}


/* =========================================================
   CARTES INFOS RAPIDES
   ========================================================= */

.se-lieux-quick-grid{
    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:16px;
}


.se-lieux-quick-card{
    padding:22px;

    border:1px solid #DBE8EC;

    border-radius:18px;

    background:#F9FBFC;
}


.se-lieux-quick-card b{
    display:block;

    margin-bottom:5px;

    color:#025B72;

    font-size:18px;
}


.se-lieux-quick-card span{
    display:block;

    color:#647B83;

    font-size:13px;
    line-height:1.45;
}


/* =========================================================
   BLOC 3 ET 4
   LIEUX
   ========================================================= */

.se-lieux-locations{
    padding-top:86px;
    padding-bottom:86px;

    background:#F5F9FA;
}


.se-lieux-locations-follow{
    padding-top:0;
}


.se-lieux-location-card{
    display:grid;

    grid-template-columns:
        minmax(0,1.06fr)
        minmax(0,.94fr);

    overflow:hidden;

    margin-top:32px;

    border:1px solid #E2ECEF;

    border-radius:28px;

    background:#FFFFFF;

    box-shadow:
        0 18px 48px rgba(2,91,114,.08);
}


.se-lieux-location-card.is-reverse{
    grid-template-columns:
        minmax(0,.94fr)
        minmax(0,1.06fr);
}


.se-lieux-location-card.is-reverse .se-lieux-photo{
    order:2;
}


/* =========================================================
   PHOTO LIEU
   ========================================================= */

.se-lieux-photo{
    position:relative;

    min-height:500px;

    overflow:hidden;
}


.se-lieux-photo img{
    position:absolute;

    inset:0;

    width:100%;
    height:100%;

    object-fit:cover;
}


.se-lieux-photo-label{
    position:absolute;

    top:24px;
    left:24px;

    z-index:2;

    padding:8px 13px;

    border-radius:999px;

    background:#F45B8F;

    color:#FFFFFF;

    font-size:12px;
    font-weight:700;

    letter-spacing:.04em;
}


/* =========================================================
   CONTENU LIEU
   ========================================================= */

.se-lieux-content{
    display:flex;

    flex-direction:column;

    justify-content:center;

    padding:48px 48px 44px;
}


.se-lieux-place{
    margin-bottom:8px;

    color:#0A2933;

    font-size:34px;
    line-height:1.15;

    font-weight:800;
}


.se-lieux-city{
    margin-bottom:20px;

    color:#025B72;

    font-size:15px;
    font-weight:700;
}


.se-lieux-content > p{
    margin:0 0 24px;

    color:#55707A;

    font-size:15px;
    line-height:1.7;
}


/* =========================================================
   LISTE AVANTAGES LIEU
   ========================================================= */

.se-lieux-features{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(0,1fr);

    gap:10px 16px;

    margin:0 0 26px;

    padding:0;

    list-style:none;
}


.se-lieux-features li{
    display:flex;

    align-items:flex-start;

    gap:8px;

    color:#264955;

    font-size:13px;
    line-height:1.45;
}


.se-lieux-features li::before{
    content:"✓";

    width:19px;
    height:19px;

    flex:0 0 19px;

    display:inline-flex;

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

    border-radius:50%;

    background:#025B72;

    color:#FFFFFF;

    font-size:11px;
}


/* =========================================================
   OPTIONS SALLES
   ========================================================= */

.se-lieux-room-options{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(0,1fr);

    gap:10px;
}


.se-lieux-pill{
    padding:13px 14px;

    border-radius:13px;

    background:#EAF4F6;

    color:#25505F;

    font-size:12px;
    line-height:1.55;
}


.se-lieux-pill strong{
    color:#0A2933;

    font-size:13px;
}


/* =========================================================
   BLOC 5
   FORMATION EN ENTREPRISE
   ========================================================= */

.se-lieux-company{
    position:relative;

    overflow:hidden;

    padding-top:88px;
    padding-bottom:88px;

    background:#073C4D;

    color:#FFFFFF;
}


.se-lieux-company::after{
    content:"3+";

    position:absolute;

    top:25px;
    right:5%;

    font-size:190px;
    line-height:1;

    font-weight:800;

    color:rgba(255,255,255,.035);

    pointer-events:none;
}


.se-lieux-company-grid{
    position:relative;

    z-index:1;

    display:grid;

    grid-template-columns:
        minmax(0,1.2fr)
        minmax(0,.8fr);

    gap:60px;

    align-items:center;
}


.se-lieux-company .se-lieux-title{
    color:#FFFFFF;
}


.se-lieux-company-text{
    margin-top:22px;
    margin-bottom:0;

    color:rgba(255,255,255,.72);

    font-size:16px;
    line-height:1.8;
}


.se-lieux-company-text strong{
    color:#FFFFFF;
}


.se-lieux-company-card{
    padding:30px;

    border-radius:24px;

    background:#FFFFFF;

    color:#0A2933;
}


.se-lieux-company-num{
    color:#F45B8F;

    font-size:64px;
    line-height:1;

    font-weight:800;
}


.se-lieux-company-card b{
    display:block;

    margin:10px 0 7px;

    font-size:20px;
    line-height:1.3;
}


.se-lieux-company-card span{
    display:block;

    color:#607782;

    font-size:14px;
    line-height:1.6;
}


/* =========================================================
   BLOC 6
   TARIFS
   ========================================================= */

.se-lieux-practical{
    padding-top:88px;
    padding-bottom:88px;

    background:#FFFFFF;
}


.se-lieux-practical-grid{
    display:grid;

    grid-template-columns:
        minmax(0,1.15fr)
        minmax(0,.85fr);

    gap:30px;

    margin-top:34px;
}


/* =========================================================
   TARIF PRINCIPAL
   ========================================================= */

.se-lieux-price-card{
    position:relative;

    overflow:hidden;

    padding:36px;

    border-radius:28px;

    background:#025B72;

    color:#FFFFFF;
}


.se-lieux-price-card::after{
    content:"590€HT";

    position:absolute;

    right:-25px;
    bottom:-24px;

    font-size:100px;
    line-height:1;

    font-weight:800;

    color:rgba(255,255,255,.07);
}


.se-lieux-price-card small{
    display:block;

    color:#B8DCE4;

    font-size:12px;

    letter-spacing:.12em;

    text-transform:uppercase;
}


.se-lieux-price{
    margin:12px 0 5px;

    font-size:58px;
    line-height:1;

    font-weight:800;
}


.se-lieux-price-card p{
    position:relative;

    z-index:1;

    max-width:530px;

    margin-top:18px;
    margin-bottom:0;

    color:rgba(255,255,255,.8);

    font-size:15px;
    line-height:1.7;
}


/* =========================================================
   CARTES SECONDAIRES TARIFS
   ========================================================= */

.se-lieux-side-stack{
    display:grid;

    gap:16px;
}


.se-lieux-mini{
    padding:26px;

    border:1px solid #DBE8EC;

    border-radius:22px;

    background:#F9FBFC;
}


.se-lieux-mini h3{
    margin-bottom:8px;

    font-size:20px;
    line-height:1.25;

    font-weight:800;
}


.se-lieux-mini p{
    margin-bottom:0;

    color:#5C737C;

    font-size:14px;
    line-height:1.65;
}


.se-lieux-mini strong{
    color:#025B72;
}


/* =========================================================
   BLOC 7
   EXPÉRIENCE SO'EASY
   ========================================================= */

.se-lieux-experience{
    padding-top:84px;
    padding-bottom:84px;

    background:#F5F9FA;
}


.se-lieux-exp-grid{
    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:18px;

    margin-top:34px;
}


.se-lieux-exp-card{
    padding:26px;

    border:1px solid #E0ECEF;

    border-radius:20px;

    background:#FFFFFF;
}


.se-lieux-exp-ico{
    margin-bottom:16px;

    font-size:26px;
}


.se-lieux-exp-card h3{
    margin-bottom:7px;

    font-size:17px;
    line-height:1.35;

    font-weight:800;
}


.se-lieux-exp-card p{
    margin-bottom:0;

    color:#61767F;

    font-size:13px;
    line-height:1.65;
}


/* =========================================================
   BLOC 8
   CTA FINAL
   ========================================================= */

.se-lieux-cta{
    padding-top:86px;
    padding-bottom:86px;

    background:#FFFFFF;
}


.se-lieux-cta-box{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        auto;

    gap:40px;

    align-items:center;

    padding:48px;

    border-radius:32px;

    background:
        linear-gradient(
            120deg,
            #D8EDF1,
            #F1F8F9
        );
}


.se-lieux-cta-box p{
    max-width:710px;

    margin:10px 0 0;

    color:#55707A;

    font-size:15px;
    line-height:1.7;
}


.se-lieux-btn{
    display:inline-block;

    padding:14px 24px;

    border-radius:999px;

    background:#F45B8F;

    color:#FFFFFF !important;

    font-size:14px;
    font-weight:700;

    text-decoration:none !important;

    white-space:nowrap;

    text-align:center;

    transition:
        background .2s ease,
        transform .2s ease;
}

.se-lieux-btn:hover{
    background:#036E8A;

    color:#FFFFFF !important;

    transform:translateY(-2px);
}


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

@media (max-width:900px){

    .se-lieux-hero-grid,
    .se-lieux-intro-grid,
    .se-lieux-company-grid,
    .se-lieux-practical-grid,
    .se-lieux-location-card,
    .se-lieux-location-card.is-reverse,
    .se-lieux-cta-box{

        grid-template-columns:1fr;
    }


    .se-lieux-location-card.is-reverse .se-lieux-photo{
        order:0;
    }


    .se-lieux-collage{
        display:none;
    }


    .se-lieux-quick-grid,
    .se-lieux-exp-grid{

        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    .se-lieux-hero{
        min-height:auto;
    }


    .se-lieux-photo{
        min-height:390px;
    }


    .se-lieux-company::after{
        font-size:130px;
    }


    .se-lieux-cta-box{
        gap:28px;
    }


    .se-lieux-btn{
        width:max-content;
    }

}


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

@media (max-width:600px){

    .se-lieux-container{
        width:88%;
    }


    .se-lieux-hero-grid{
        padding-top:48px;
        padding-bottom:48px;
    }


    .se-lieux-hero h1{
        font-size:44px;
        line-height:1;
    }


    .se-lieux-hero-text{
        font-size:16px;
    }


    .se-lieux-title{
        font-size:32px;
    }


    .se-lieux-intro,
    .se-lieux-locations,
    .se-lieux-company,
    .se-lieux-practical,
    .se-lieux-experience,
    .se-lieux-cta{

        padding-top:60px;
        padding-bottom:60px;
    }


    .se-lieux-locations-follow{
        padding-top:0;
    }


    .se-lieux-quick-grid,
    .se-lieux-exp-grid,
    .se-lieux-features,
    .se-lieux-room-options{

        grid-template-columns:1fr;
    }


    .se-lieux-location-card{
        border-radius:22px;
    }


    .se-lieux-photo{
        min-height:310px;
    }


    .se-lieux-content{
        padding:30px 24px;
    }


    .se-lieux-place{
        font-size:28px;
    }


    .se-lieux-company-card{
        padding:24px;
    }


    .se-lieux-company-num{
        font-size:54px;
    }


    .se-lieux-company::after{
        display:none;
    }


    .se-lieux-price-card{
        padding:28px 24px;
    }


    .se-lieux-price{
        font-size:48px;
    }


    .se-lieux-price-card::after{
        font-size:80px;
    }


    .se-lieux-cta-box{
        padding:32px 24px;

        border-radius:24px;
    }


    .se-lieux-btn{
        width:100%;

        text-align:center;
    }

}/* End custom CSS */