.elementor-135 .elementor-element.elementor-element-0437cad{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-135 .elementor-element.elementor-element-08a03b5{--spacer-size:50px;}.elementor-135 .elementor-element.elementor-element-2a59406{--spacer-size:50px;}.elementor-135 .elementor-element.elementor-element-dd9d0fa{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:1px;--divider-icon-size:40px;}.elementor-135 .elementor-element.elementor-element-dd9d0fa .elementor-divider-separator{width:100%;}.elementor-135 .elementor-element.elementor-element-dd9d0fa .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-135 .elementor-element.elementor-element-c6f9ba2{--spacer-size:50px;}.elementor-135 .elementor-element.elementor-element-7e6771b{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;}.elementor-135 .elementor-element.elementor-element-7e6771b.e-con{--align-self:center;}.elementor-135 .elementor-element.elementor-element-aaaa52a .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-135 .elementor-element.elementor-element-dcad9bb{width:var( --container-widget-width, 110.489% );max-width:110.489%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;--container-widget-width:110.489%;--container-widget-flex-grow:0;text-align:center;}.elementor-135 .elementor-element.elementor-element-dcad9bb.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-135 .elementor-element.elementor-element-dcad9bb .elementor-heading-title{font-size:50px;color:var( --e-global-color-accent );}.elementor-135 .elementor-element.elementor-element-eeb1997{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:justify;color:var( --e-global-color-accent );}.elementor-135 .elementor-element.elementor-element-eb3421b{padding:-15px -15px -15px -15px;}.elementor-135 .elementor-element.elementor-element-eb3421b .eael-call-to-action.bg-img{background-repeat:no-repeat;background-position:center;background-size:cover;}.elementor-135 .elementor-element.elementor-element-eb3421b .eael-call-to-action.cta-preset-2:not(.cta-preset-1){background:var( --e-global-color-primary );}.elementor-135 .elementor-element.elementor-element-eb3421b .eael-call-to-action{border-radius:50px;padding:-20px -20px -20px -20px;margin:0px 0px 0px 0px;}.elementor-135 .elementor-element.elementor-element-eb3421b .eael-call-to-action .title:not(.eael-cta-gradient-title){color:var( --e-global-color-secondary );}.elementor-135 .elementor-element.elementor-element-eb3421b .eael-call-to-action .title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-135 .elementor-element.elementor-element-eb3421b .eael-call-to-action .sub-title{color:var( --e-global-color-accent );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-135 .elementor-element.elementor-element-eb3421b .eael-call-to-action .cta-button{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-135 .elementor-element.elementor-element-eb3421b .eael-call-to-action .cta-button.cta-btn-preset-2 i{font-size:31px;}.elementor-135 .elementor-element.elementor-element-eb3421b .eael-call-to-action .cta-button.cta-btn-preset-2 svg{width:31px;height:31px;}.elementor-135 .elementor-element.elementor-element-eb3421b .eael-call-to-action.cta-preset-2:not(.cta-preset-1) .cta-button:not(.cta-secondary-button){color:var( --e-global-color-accent );background:var( --e-global-color-secondary );}.elementor-135 .elementor-element.elementor-element-eb3421b .eael-call-to-action .cta-button.cta-btn-preset-2:not(.cta-secondary-button) .btn-icon{background:var( --e-global-color-accent );}.elementor-135 .elementor-element.elementor-element-eb3421b .eael-call-to-action .cta-button.cta-btn-preset-2:not(.cta-secondary-button) i{color:var( --e-global-color-accent );}.elementor-135 .elementor-element.elementor-element-eb3421b .eael-call-to-action .cta-button.cta-btn-preset-2:not(.cta-secondary-button) svg{fill:var( --e-global-color-accent );}.elementor-135 .elementor-element.elementor-element-eb3421b .eael-call-to-action.cta-preset-2:not(.cta-preset-1) .cta-button:hover:not(.cta-secondary-button){color:var( --e-global-color-secondary );background:var( --e-global-color-accent );}.elementor-135 .elementor-element.elementor-element-eb3421b .eael-call-to-action.cta-preset-2:not(.cta-preset-1) .cta-button:after:not(.cta-secondary-button){background:var( --e-global-color-accent );}.elementor-135 .elementor-element.elementor-element-eb3421b .eael-call-to-action .cta-button.effect-1:after{background:var( --e-global-color-accent );}.elementor-135 .elementor-element.elementor-element-eb3421b .eael-call-to-action .cta-button.effect-2:after{background:var( --e-global-color-accent );}.elementor-135 .elementor-element.elementor-element-eb3421b .eael-call-to-action .cta-button.cta-btn-preset-2:not(.cta-secondary-button):hover .btn-icon{background:var( --e-global-color-accent );}.elementor-135 .elementor-element.elementor-element-eb3421b .eael-call-to-action .cta-button.cta-btn-preset-2:not(.cta-secondary-button):hover i{color:var( --e-global-color-primary );}.elementor-135 .elementor-element.elementor-element-eb3421b .eael-call-to-action .cta-button.cta-btn-preset-2:not(.cta-secondary-button):hover svg{fill:var( --e-global-color-primary );}.elementor-135 .elementor-element.elementor-element-eb3421b .eael-call-to-action .cta-button:not(.cta-secondary-button){box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-135 .elementor-element.elementor-element-86f166d{--spacer-size:50px;}.elementor-135 .elementor-element.elementor-element-2dcf2b0{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:1px;--divider-icon-size:40px;}.elementor-135 .elementor-element.elementor-element-2dcf2b0 .elementor-divider-separator{width:100%;}.elementor-135 .elementor-element.elementor-element-2dcf2b0 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-135 .elementor-element.elementor-element-20aa9d6{--spacer-size:50px;}.elementor-135 .elementor-element.elementor-element-64eb158{--display:flex;--overlay-opacity:0.6;}.elementor-135 .elementor-element.elementor-element-64eb158::before, .elementor-135 .elementor-element.elementor-element-64eb158 > .elementor-background-video-container::before, .elementor-135 .elementor-element.elementor-element-64eb158 > .e-con-inner > .elementor-background-video-container::before, .elementor-135 .elementor-element.elementor-element-64eb158 > .elementor-background-slideshow::before, .elementor-135 .elementor-element.elementor-element-64eb158 > .e-con-inner > .elementor-background-slideshow::before, .elementor-135 .elementor-element.elementor-element-64eb158 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}.elementor-135 .elementor-element.elementor-element-4fe63cc{--spacer-size:50px;}.elementor-135 .elementor-element.elementor-element-ea4f3d3{--display:flex;--overlay-opacity:0.6;}.elementor-135 .elementor-element.elementor-element-ea4f3d3:not(.elementor-motion-effects-element-type-background), .elementor-135 .elementor-element.elementor-element-ea4f3d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.usbeaurepairerugby.fr/wp-content/uploads/2026/07/leclub_formation.jpg");background-size:cover;}.elementor-135 .elementor-element.elementor-element-ea4f3d3::before, .elementor-135 .elementor-element.elementor-element-ea4f3d3 > .elementor-background-video-container::before, .elementor-135 .elementor-element.elementor-element-ea4f3d3 > .e-con-inner > .elementor-background-video-container::before, .elementor-135 .elementor-element.elementor-element-ea4f3d3 > .elementor-background-slideshow::before, .elementor-135 .elementor-element.elementor-element-ea4f3d3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-135 .elementor-element.elementor-element-ea4f3d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}.elementor-135 .elementor-element.elementor-element-cd99c9e{--spacer-size:50px;}.elementor-135 .elementor-element.elementor-element-87ba3fc{width:var( --container-widget-width, 110.489% );max-width:110.489%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;--container-widget-width:110.489%;--container-widget-flex-grow:0;text-align:center;}.elementor-135 .elementor-element.elementor-element-87ba3fc.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-135 .elementor-element.elementor-element-87ba3fc .elementor-heading-title{font-size:50px;color:var( --e-global-color-accent );}.elementor-135 .elementor-element.elementor-element-c89b2c8{margin:15px 10px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;text-align:justify;color:var( --e-global-color-accent );}.elementor-135 .elementor-element.elementor-element-da2edc0{--spacer-size:50px;}.elementor-135 .elementor-element.elementor-element-289dd64{--display:flex;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-135 .elementor-element.elementor-element-289dd64 > .elementor-shape-bottom .elementor-shape-fill, .elementor-135 .elementor-element.elementor-element-289dd64 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:var( --e-global-color-primary );}.elementor-135 .elementor-element.elementor-element-c3bdb42{--spacer-size:150px;}@media(max-width:1024px){.elementor-135 .elementor-element.elementor-element-0437cad{--grid-auto-flow:row;}.elementor-135 .elementor-element.elementor-element-7e6771b{--grid-auto-flow:row;}.elementor-135 .elementor-element.elementor-element-dcad9bb .elementor-heading-title{font-size:36px;}.elementor-135 .elementor-element.elementor-element-87ba3fc .elementor-heading-title{font-size:36px;}}@media(max-width:767px){.elementor-135 .elementor-element.elementor-element-0437cad{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-135 .elementor-element.elementor-element-7e6771b{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-135 .elementor-element.elementor-element-dcad9bb{--container-widget-width:589px;--container-widget-flex-grow:0;width:var( --container-widget-width, 589px );max-width:589px;}.elementor-135 .elementor-element.elementor-element-dcad9bb .elementor-heading-title{font-size:16px;}.elementor-135 .elementor-element.elementor-element-eeb1997{width:100%;max-width:100%;}.elementor-135 .elementor-element.elementor-element-87ba3fc{--container-widget-width:589px;--container-widget-flex-grow:0;width:var( --container-widget-width, 589px );max-width:589px;}.elementor-135 .elementor-element.elementor-element-87ba3fc .elementor-heading-title{font-size:16px;}}/* Start custom CSS for shortcode, class: .elementor-element-833f45b *//* =====================================================
   CLASSEMENTS FFR
   STYLE RESPONSIVE
   ÉQUIPE 1 + ÉQUIPE 2
   ===================================================== */


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

.classement-ffr {
    width: 100%;
    max-width: 100%;
    background: #050505;
    border: 1px solid #333333;
    border-radius: 14px;
    overflow: hidden;
    color: #ffffff;
    box-sizing: border-box;
}


/* =====================================================
   EN-TÊTE
   ===================================================== */

.classement-ffr-header {
    display: flex;
    align-items: center;
    gap: 18px;

    padding: 22px 24px 18px;
}


/* Badge équipe */

.classement-ffr-badge {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 50px;
    height: 50px;

    flex: 0 0 50px;

    background: #111111;
    border: 2px solid #ed0016;
    border-radius: 50%;

    color: #ffffff;
    font-size: 26px;
    font-weight: 800;
}


/* Titre */

.classement-ffr-title {
    min-width: 0;
}

.classement-ffr-title span {
    display: block;

    margin-bottom: 4px;

    color: #ed0016;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
}

.classement-ffr-title h3 {
    margin: 0;

    color: #ffffff;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.25;
    text-transform: uppercase;
}


/* =====================================================
   TABLEAU
   ===================================================== */

.classement-ffr-table-wrapper {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}


/*
 * Empêche le tableau de déformer le conteneur.
 * Le tableau peut défiler horizontalement si nécessaire.
 */

.classement-ffr table {
    width: 100%;
    min-width: 650px;

    border-collapse: collapse;

    color: #ffffff;
    font-size: 13px;
}


/* =====================================================
   EN-TÊTES
   ===================================================== */

.classement-ffr thead th {
    padding: 11px 8px;

    color: #ed0016;
    font-size: 10px;
    font-weight: 800;

    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
}

.classement-ffr thead th:nth-child(2) {
    text-align: left;
}


/* =====================================================
   LIGNES
   ===================================================== */

.classement-ffr tbody tr {
    border-top: 1px solid #252525;

    transition:
        background 0.2s ease,
        transform 0.2s ease;
}

.classement-ffr tbody tr:hover {
    background: #171717;
}


/* =====================================================
   CELLULES
   ===================================================== */

.classement-ffr tbody td {
    padding: 12px 8px;

    color: #ffffff;

    text-align: center;
    white-space: nowrap;
}


/* Position */

.classement-ffr .classement-position {
    width: 45px;

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


/* Nom équipe */

.classement-ffr .classement-equipe {
    width: auto;
    min-width: 180px;

    text-align: left;

    font-weight: 600;
}


/* Points */

.classement-ffr .classement-points {
    font-weight: 800;
}


/* =====================================================
   LIGNE US BEAUREPAIROISE
   ===================================================== */

.classement-ffr tr.equipe-principale {
    background: linear-gradient(
        90deg,
        #8e000b,
        #c40012
    );
}

.classement-ffr tr.equipe-principale td {
    font-weight: 800;
}


/* =====================================================
   FOOTER
   ===================================================== */

.classement-ffr-footer {
    display: flex;
    align-items: center;
    gap: 8px;

    padding: 14px 24px;

    border-top: 1px solid #252525;

    color: #858585;
    font-size: 11px;
}

.classement-refresh-icon {
    color: #ed0016;
    font-size: 18px;
}


/* =====================================================
   TABLETTE
   768px à 1024px
   ===================================================== */

@media (max-width: 1024px) {

    .classement-ffr-header {
        padding: 20px 18px 16px;
    }

    .classement-ffr-title h3 {
        font-size: 18px;
    }

    .classement-ffr table {
        min-width: 620px;
    }

    .classement-ffr thead th {
        padding: 9px 6px;
        font-size: 9px;
    }

    .classement-ffr tbody td {
        padding: 10px 6px;
        font-size: 12px;
    }
}


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

@media (max-width: 767px) {

    .classement-ffr {
        border-radius: 10px;
    }


    /* Header plus compact */

    .classement-ffr-header {
        gap: 12px;
        padding: 16px 14px;
    }


    /* Badge plus petit */

    .classement-ffr-badge {
        width: 42px;
        height: 42px;
        flex-basis: 42px;

        font-size: 21px;
    }


    /* Titres */

    .classement-ffr-title span {
        font-size: 11px;
    }

    .classement-ffr-title h3 {
        font-size: 15px;
    }


    /*
     * Le tableau reste suffisamment large pour conserver
     * la lisibilité des statistiques.
     *
     * L'utilisateur peut faire défiler horizontalement.
     */

    .classement-ffr-table-wrapper {
        overflow-x: auto;
        padding-bottom: 4px;
    }

    .classement-ffr table {
        min-width: 620px;
    }


    /* Tableau compact */

    .classement-ffr thead th {
        padding: 8px 5px;
        font-size: 9px;
    }

    .classement-ffr tbody td {
        padding: 9px 5px;
        font-size: 11px;
    }


    /* Nom des équipes */

    .classement-ffr .classement-equipe {
        min-width: 170px;
    }


    /* Footer */

    .classement-ffr-footer {
        padding: 11px 14px;
        font-size: 10px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ebe062f *//* =====================================================
   CLASSEMENTS FFR
   STYLE RESPONSIVE
   ÉQUIPE 1 + ÉQUIPE 2
   ===================================================== */


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

.classement-ffr {
    width: 100%;
    max-width: 100%;
    background: #050505;
    border: 1px solid #333333;
    border-radius: 14px;
    overflow: hidden;
    color: #ffffff;
    box-sizing: border-box;
}


/* =====================================================
   EN-TÊTE
   ===================================================== */

.classement-ffr-header {
    display: flex;
    align-items: center;
    gap: 18px;

    padding: 22px 24px 18px;
}


/* Badge équipe */

.classement-ffr-badge {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 50px;
    height: 50px;

    flex: 0 0 50px;

    background: #111111;
    border: 2px solid #ed0016;
    border-radius: 50%;

    color: #ffffff;
    font-size: 26px;
    font-weight: 800;
}


/* Titre */

.classement-ffr-title {
    min-width: 0;
}

.classement-ffr-title span {
    display: block;

    margin-bottom: 4px;

    color: #ed0016;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
}

.classement-ffr-title h3 {
    margin: 0;

    color: #ffffff;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.25;
    text-transform: uppercase;
}


/* =====================================================
   TABLEAU
   ===================================================== */

.classement-ffr-table-wrapper {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}


/*
 * Empêche le tableau de déformer le conteneur.
 * Le tableau peut défiler horizontalement si nécessaire.
 */

.classement-ffr table {
    width: 100%;
    min-width: 650px;

    border-collapse: collapse;

    color: #ffffff;
    font-size: 13px;
}


/* =====================================================
   EN-TÊTES
   ===================================================== */

.classement-ffr thead th {
    padding: 11px 8px;

    color: #ed0016;
    font-size: 10px;
    font-weight: 800;

    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
}

.classement-ffr thead th:nth-child(2) {
    text-align: left;
}


/* =====================================================
   LIGNES
   ===================================================== */

.classement-ffr tbody tr {
    border-top: 1px solid #252525;

    transition:
        background 0.2s ease,
        transform 0.2s ease;
}

.classement-ffr tbody tr:hover {
    background: #171717;
}


/* =====================================================
   CELLULES
   ===================================================== */

.classement-ffr tbody td {
    padding: 12px 8px;

    color: #ffffff;

    text-align: center;
    white-space: nowrap;
}


/* Position */

.classement-ffr .classement-position {
    width: 45px;

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


/* Nom équipe */

.classement-ffr .classement-equipe {
    width: auto;
    min-width: 180px;

    text-align: left;

    font-weight: 600;
}


/* Points */

.classement-ffr .classement-points {
    font-weight: 800;
}


/* =====================================================
   LIGNE US BEAUREPAIROISE
   ===================================================== */

.classement-ffr tr.equipe-principale {
    background: linear-gradient(
        90deg,
        #8e000b,
        #c40012
    );
}

.classement-ffr tr.equipe-principale td {
    font-weight: 800;
}


/* =====================================================
   FOOTER
   ===================================================== */

.classement-ffr-footer {
    display: flex;
    align-items: center;
    gap: 8px;

    padding: 14px 24px;

    border-top: 1px solid #252525;

    color: #858585;
    font-size: 11px;
}

.classement-refresh-icon {
    color: #ed0016;
    font-size: 18px;
}


/* =====================================================
   TABLETTE
   768px à 1024px
   ===================================================== */

@media (max-width: 1024px) {

    .classement-ffr-header {
        padding: 20px 18px 16px;
    }

    .classement-ffr-title h3 {
        font-size: 18px;
    }

    .classement-ffr table {
        min-width: 620px;
    }

    .classement-ffr thead th {
        padding: 9px 6px;
        font-size: 9px;
    }

    .classement-ffr tbody td {
        padding: 10px 6px;
        font-size: 12px;
    }
}


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

@media (max-width: 767px) {

    .classement-ffr {
        border-radius: 10px;
    }


    /* Header plus compact */

    .classement-ffr-header {
        gap: 12px;
        padding: 16px 14px;
    }


    /* Badge plus petit */

    .classement-ffr-badge {
        width: 42px;
        height: 42px;
        flex-basis: 42px;

        font-size: 21px;
    }


    /* Titres */

    .classement-ffr-title span {
        font-size: 11px;
    }

    .classement-ffr-title h3 {
        font-size: 15px;
    }


    /*
     * Le tableau reste suffisamment large pour conserver
     * la lisibilité des statistiques.
     *
     * L'utilisateur peut faire défiler horizontalement.
     */

    .classement-ffr-table-wrapper {
        overflow-x: auto;
        padding-bottom: 4px;
    }

    .classement-ffr table {
        min-width: 620px;
    }


    /* Tableau compact */

    .classement-ffr thead th {
        padding: 8px 5px;
        font-size: 9px;
    }

    .classement-ffr tbody td {
        padding: 9px 5px;
        font-size: 11px;
    }


    /* Nom des équipes */

    .classement-ffr .classement-equipe {
        min-width: 170px;
    }


    /* Footer */

    .classement-ffr-footer {
        padding: 11px 14px;
        font-size: 10px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-85b8a38 *//* =========================================================
   BLOC DON USB
========================================================= */

.usb-don {
    width: 100%;
    padding: 70px 20px;
    background: #090a0c;
    color: #ffffff;
    box-sizing: border-box;
}

.usb-don *,
.usb-don *::before,
.usb-don *::after {
    box-sizing: border-box;
}


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

.usb-don__inner {
    max-width: 1200px;
    margin: 0 auto;
}


/* =========================================================
   HEADER
========================================================= */

.usb-don__header {
    max-width: 850px;
    margin: 0 auto 55px;
    text-align: center;
}

.usb-don__tag,
.usb-don__footer-tag {
    display: inline-block;
    margin-bottom: 15px;
    color: #e30613;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.usb-don__header h2 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(34px, 5vw, 62px);
    font-weight: 900;
    line-height: 1.05;
    text-transform: uppercase;
}

.usb-don__header h2 span {
    color: #e30613;
}

.usb-don__intro {
    max-width: 650px;
    margin: 20px auto 0;
    color: #b8bbc0;
    font-size: 17px;
    line-height: 1.6;
}


/* =========================================================
   BLOC PRINCIPAL
========================================================= */

.usb-don__main {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 30px;
    background: #111318;
    border: 1px solid rgba(255, 255, 255, 0.7);
}

.usb-don__presentation {
    padding: 45px;
    border-right: 1px solid rgba(255, 255, 255, 0.25);
}

.usb-don__presentation h3 {
    margin: 0 0 20px;
    color: #ffffff;
    font-size: 26px;
    font-weight: 900;
    line-height: 1.2;
    text-transform: uppercase;
}

.usb-don__presentation p {
    margin: 0;
    color: #c7c9cd;
    font-size: 15px;
    line-height: 1.75;
}

.usb-don__presentation strong {
    color: #ffffff;
}


/* =========================================================
   CHIFFRES
========================================================= */

.usb-don__numbers {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: stretch;
}

.usb-don__number {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 220px;
    padding: 25px 15px;
    text-align: center;
    border-left: 1px solid rgba(255, 255, 255, 0.15);
}

.usb-don__number:first-child {
    border-left: 0;
}

.usb-don__number strong {
    display: block;
    margin-bottom: 12px;
    color: #ffffff;
    font-size: clamp(36px, 4vw, 58px);
    font-weight: 900;
    line-height: 1;
}

.usb-don__number strong span {
    font-size: 0.5em;
}

.usb-don__number > span {
    color: #aeb1b7;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 1.4;
}

.usb-don__number--highlight {
    position: relative;
    background: #e30613;
}

.usb-don__number--highlight strong,
.usb-don__number--highlight > span {
    color: #ffffff;
}


/* =========================================================
   ÉTAPES
========================================================= */

.usb-don__steps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 30px;
}

.usb-don__step {
    position: relative;
    min-height: 280px;
    padding: 32px;
    background: #111318;
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-top: 3px solid #e30613;
    transition: transform 0.25s ease, border-color 0.25s ease;
}

.usb-don__step-number {
    position: absolute;
    top: 22px;
    right: 25px;
    color: rgba(255, 255, 255, 0.12);
    font-size: 38px;
    font-weight: 900;
}

.usb-don__step-icon {
    margin-bottom: 22px;
    font-size: 35px;
}

.usb-don__step h3 {
    position: relative;
    margin: 0 0 15px;
    color: #ffffff;
    font-size: 21px;
    font-weight: 900;
    line-height: 1.2;
    text-transform: uppercase;
}

.usb-don__step p {
    position: relative;
    margin: 0;
    color: #b8bbc0;
    font-size: 14px;
    line-height: 1.7;
}

.usb-don__step strong {
    color: #ffffff;
}

@media (hover: hover) {
    .usb-don__step:hover {
        transform: translateY(-5px);
        border-color: #ffffff;
    }
}


/* =========================================================
   BLOC FINAL
========================================================= */

.usb-don__footer {
    padding: 55px;
    background: #111318;
    border: 1px solid #ffffff;
    border-top: 4px solid #e30613;
    text-align: center;
}

.usb-don__footer-content {
    max-width: 850px;
    margin: 0 auto;
}

.usb-don__footer h2 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(28px, 4vw, 48px);
    font-weight: 900;
    line-height: 1.1;
    text-transform: uppercase;
}

.usb-don__footer h2 span {
    color: #e30613;
}

.usb-don__footer p {
    max-width: 700px;
    margin: 22px auto 30px;
    color: #b8bbc0;
    font-size: 15px;
    line-height: 1.7;
}


/* =========================================================
   AVANTAGES
========================================================= */

.usb-don__advantages {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    max-width: 750px;
    margin: 0 auto 40px;
    text-align: left;
}

.usb-don__advantages div {
    padding: 14px 18px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.usb-don__advantages span {
    margin-right: 8px;
}


/* =========================================================
   BOUTON
========================================================= */

.usb-don__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    max-width: 100%;
    padding: 20px 28px;
    background: #e30613;
    color: #ffffff !important;
    text-decoration: none !important;
    border: 1px solid #e30613;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.5px;
    line-height: 1.3;
    text-align: left;
    transition: background 0.25s ease, transform 0.25s ease;
}

.usb-don__button small {
    display: block;
    margin-top: 3px;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1px;
}

.usb-don__button-icon {
    font-size: 22px;
}

.usb-don__arrow {
    margin-left: 10px;
    font-size: 25px;
    transition: transform 0.25s ease;
}

@media (hover: hover) {
    .usb-don__button:hover {
        background: #ffffff;
        color: #111318 !important;
        transform: translateY(-3px);
    }

    .usb-don__button:hover .usb-don__arrow {
        transform: translateX(5px);
    }
}


/* =========================================================
   MENTION LÉGALE
========================================================= */

.usb-don__legal {
    margin: 18px 0 0;
    color: #777b82;
    font-size: 10px;
    line-height: 1.5;
    text-align: center;
}


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

@media (max-width: 1024px) {

    .usb-don__presentation {
        padding: 35px;
    }

    .usb-don__presentation h3 {
        font-size: 22px;
    }

    .usb-don__number {
        min-height: 190px;
    }

    .usb-don__footer {
        padding: 45px 30px;
    }

}


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

@media (max-width: 768px) {

    .usb-don {
        padding: 50px 15px;
    }

    .usb-don__main {
        grid-template-columns: 1fr;
    }

    .usb-don__presentation {
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    }

    .usb-don__steps {
        grid-template-columns: 1fr;
    }

    .usb-don__step {
        min-height: auto;
    }

    .usb-don__footer {
        padding: 40px 22px;
    }

}


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

@media (max-width: 560px) {

    .usb-don__header h2 {
        font-size: 32px;
    }

    .usb-don__intro {
        font-size: 15px;
    }

    .usb-don__presentation {
        padding: 28px 22px;
    }

    .usb-don__numbers {
        grid-template-columns: 1fr;
    }

    .usb-don__number {
        min-height: 135px;
        border-left: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    }

    .usb-don__number:last-child {
        border-bottom: 0;
    }

    .usb-don__advantages {
        grid-template-columns: 1fr;
    }

    .usb-don__button {
        width: 100%;
        padding: 18px;
        font-size: 11px;
    }

    .usb-don__arrow {
        margin-left: auto;
    }

}/* End custom CSS */