.elementor-kit-9{--e-global-color-primary:#0B3D91;--e-global-color-secondary:#0A543C;--e-global-color-text:#2B2A26;--e-global-color-accent:#D9480F;--e-global-color-fcgwhte:#FFFFFF;--e-global-color-ec62d70:#000000;--e-global-color-fcgnvyd:#0A2A63;--e-global-color-fcggrnh:#073D2B;--e-global-color-fcglink:#1F5FBF;--e-global-color-fcgorgd:#F27B35;--e-global-color-fcgsect:#5B6B7F;--e-global-color-fcgbglt:#F5F5F5;--e-global-color-36c3d84:#FEF7EC;--e-global-color-0fa1330:#151515;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1560px;}.e-con{--container-max-width:1560px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* FACAGRAM — the Alone theme puts .has-mini-items on <body> and reserves 46px of
   padding-bottom under 576px for a fixed mobile bar. This site never renders that
   bar, so the reservation showed as a white strip under the footer on phones. */
body.has-mini-items { padding-bottom: 0 !important; }

/* FACAGRAM — one content grid for the whole site.
   The homepage, header and footer are built from Elementor containers, whose inner
   box is min(1560px, 100% - 40px): content starts 20px in from the viewport edge,
   and 173px in at 1920. Two things pulled the other pages off that line:
     1. Solidarite / Actualites / Contact use the theme's default page template, and
        its .container.responsive wrapper capped them — content landed at 36px.
     2. A propos and Contact are built from legacy Elementor sections, whose columns
        carry their own 15px gutter — content landed at 15px. */
body.page-id-25374 .site-main > .container.responsive,
body.page-id-25375 .site-main > .container.responsive,
body.page-id-25376 .site-main > .container.responsive {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
}

/* A 1600px box with a 5px gutter puts 5px + the column's own 15px on the same 20px
   line, and matches the container grid at every width. The Customizer's Additional
   CSS pins top-level boxed sections to 1560px with !important, so this .elementor-kit-9 is
   deliberately one step more specific — and unlike that rule it also reaches inner
   sections, which is what "Nos piliers" on A propos sits in. */
body.page-id-8923 .elementor-section.elementor-section-boxed > .elementor-container,
body.page-id-25376 .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1600px !important;
    padding-left: 5px;
    padding-right: 5px;
}

/* The contact form sits in a column carrying its own 90px card padding and a grey
   background, so it is the card edge, not the text, that has to meet the grid. */
body.page-id-25376 .elementor-section.elementor-element-8b0e650.elementor-section-boxed > .elementor-container {
    padding-left: 20px;
    padding-right: 20px;
}

/* ---- Phones: a 15px side gutter, so nothing touches the screen edge ----
   On mobile the Elementor containers had NO horizontal padding at all
   (the inner box spanned 0 -> 390 on a 390px screen), which is why headings
   and body copy ran off both edges. The padding goes on the inner box, never
   on the section, so section backgrounds stay edge-to-edge. */
@media (max-width: 767.98px) {

    [data-elementor-type="wp-page"] > .e-con.e-con-boxed > .e-con-inner,
    [data-elementor-type="footer"] > .e-con.e-con-boxed > .e-con-inner {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* The donation band is a full-bleed card that already carries its own padding. */
    [data-elementor-type="wp-page"] > .elementor-element-618a53d > .e-con-inner {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Team carousel sits in a full-width container, so it has no inner box. */
    [data-elementor-type="wp-page"] > .e-con.e-con-full.elementor-element-703369c {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* Legacy-section pages (A propos, Contact): take the gutter off the container
       and put a single 15px on the column, so these match the container pages
       instead of landing on 5px or 20px depending on the section. */
    [data-elementor-type="wp-page"] > .elementor-section > .elementor-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    [data-elementor-type="wp-page"] > .elementor-section > .elementor-container > .elementor-column > .elementor-element-populated {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    /* ...except the contact form, whose column IS the grey card. */
    body.page-id-25376 .elementor-element-8b0e650 > .elementor-container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    body.page-id-25376 .elementor-element-8b0e650 > .elementor-container > .elementor-column > .elementor-element-populated {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    /* Header bars on the same 15px line as the content and the footer. */
    .elementor-location-header > .elementor-element-14edfe1,
    .elementor-location-header > .elementor-element-c74b5f2 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* Vertical rhythm: Organisation had no top padding at all, so it butted
       straight into the band above it, and the FAQ had no bottom padding. */
    [data-elementor-type="wp-page"] > .elementor-element-2a4e37c > .e-con-inner {
        padding-top: 45px !important;
    }
    [data-elementor-type="wp-page"] > .elementor-element-a7bedc2 > .e-con-inner {
        padding-bottom: 45px !important;
    }
}/* End custom CSS */