@media screen and (max-width: 768px) {
    .m-5{
        margin: 16px !important;
    }
    .m-4{
        margin: 12px !important;
    }
    .m-3{
        margin: 8px !important;
    }
    .m-2{
        margin: 4px !important;
    }
    .m-1{
        margin: 2px !important;
    }
    .mt-5{
        margin-top: 16px !important;
    }
    .mb-5{
        margin-bottom: 16px !important;
    }
    .my-5{
        margin-top: 16px !important;
        margin-bottom: 16px !important;
    }
    .mx-5{
        margin-right: 16px !important;
        margin-left: 16px !important;
    }
    .me-5{
        margin-right: 16px !important;
    }
    .ms-5{
        margin-left: 16px !important;
    }
    .mt-4{
        margin-top: 12px !important;
    }
    .mb-4{
        margin-bottom: 12px !important;
    }
    .my-4{
        margin-top: 12px !important;
        margin-bottom: 12px !important;
    }
    .mx-4{
        margin-right: 12px !important;
        margin-left: 12px !important;
    }
    .me-4{
        margin-right: 12px !important;
    }
    .ms-4{
        margin-left: 12px !important;
    }
    .mt-3{
        margin-top: 8px !important;
    }
    .mb-3{
        margin-bottom: 8px !important;
    }
    .my-3{
        margin-top: 8px !important;
        margin-bottom: 8px !important;
    }
    .mx-3{
        margin-right: 8px !important;
        margin-left: 8px !important;
    }
    .me-3{
        margin-right: 8px !important;
    }
    .ms-3{
        margin-left: 8px !important;
    }
    .mt-2{
        margin-top: 4px !important;
    }
    .mb-2{
        margin-bottom: 4px !important;
    }
    .my-2{
        margin-top: 4px !important;
        margin-bottom: 4px !important;
    }
    .mx-2{
        margin-right: 4px !important;
        margin-left: 4px !important;
    }
    .me-2{
        margin-right: 4px !important;
    }
    .ms-2{
        margin-left: 4px !important;
    }
    .mt-1{
        margin-top: 2px !important;
    }
    .mb-1{
        margin-bottom: 2px !important;
    }
    .my-1{
        margin-top: 2px !important;
        margin-bottom: 2px !important;
    }
    .mx-1{
        margin-right: 2px !important;
        margin-left: 2px !important;
    }
    .me-1{
        margin-right: 2px !important;
    }
    .ms-1{
        margin-left: 2px !important;
    }
    .p-5{
        padding: 16px !important;
    }
    .p-4{
        padding: 12px !important;
    }
    .p-3{
        padding: 8px !important;
    }
    .p-2{
        padding: 4px !important;
    }
    .p-1{
        padding: 2px !important;
    }
    .pt-5{
        padding-top: 16px !important;
    }
    .pb-5{
        padding-bottom: 16px !important;
    }
    .py-5{
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }
    .px-5{
        padding-right: 16px !important;
        padding-left: 16px !important;
    }
    .pe-5{
        padding-right: 16px !important;
    }
    .ps-5{
        padding-left: 16px !important;
    }
    .pt-4{
        padding-top: 12px !important;
    }
    .pb-4{
        padding-bottom: 12px !important;
    }
    .py-4{
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }
    .px-4{
        padding-right: 12px !important;
        padding-left: 12px !important;
    }
    .pe-4{
        padding-right: 12px !important;
    }
    .ps-4{
        padding-left: 12px !important;
    }
    .pt-3{
        padding-top: 8px !important;
    }
    .pb-3{
        padding-bottom: 8px !important;
    }
    .py-3{
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }
    .px-3{
        padding-right: 8px !important;
        padding-left: 8px !important;
    }
    .pe-3{
        padding-right: 8px !important;
    }
    .ps-3{
        padding-left: 8px !important;
    }
    .pt-2{
        padding-top: 4px !important;
    }
    .pb-2{
        padding-bottom: 4px !important;
    }
    .py-2{
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }
    .px-2{
        padding-right: 4px !important;
        padding-left: 4px !important;
    }
    .pe-2{
        padding-right: 4px !important;
    }
    .ps-2{
        padding-left: 4px !important;
    }
    .pt-1{
        padding-top: 2px !important;
    }
    .pb-1{
        padding-bottom: 2px !important;
    }
    .py-1{
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }
    .px-1{
        padding-right: 2px !important;
        padding-left: 2px !important;
    }
    .pe-1{
        padding-right: 2px !important;
    }
    .ps-1{
        padding-left: 2px !important;
    }
    

    .mob-carousel-card{
        padding: 10px !important;
    }
    .mob-carousel-card .mob-carousel-title{
        font-size: 12px !important;
    }
    .mob-carousel-card .mob-carousel-btn{
        padding: 5px !important;
        font-size: 10px !important;
    }
    .carousel-control-prev,
    .carousel-control-next{
        display: none !important;
    }

    /* Réafficher les flèches du hero (règle ci-dessus les masquait sur tout le site) */
    #header-carousel .carousel-control-prev,
    #header-carousel .carousel-control-next {
        display: flex !important;
        align-items: center;
        justify-content: center;
    }
    #header-carousel .carousel-item{
        min-height: 300px !important;
    }
    .feature-row{
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    .container-xxl.py-5{
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .mob-about-img-container{
        height: 200px !important;
    }
    .mob-about-btn{
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
    .lead{
        font-size: 16px !important;
        line-height: 1.5 !important;
    }
    .mob-secteurs-title{
        margin-top: 40px !important;
    }
    .shadow-lg.mob-secteurs-card{
        box-shadow: none !important;
    }
    .mob-secteurs-btn{
        margin-top: 20px !important;
        margin-bottom: 40px !important;
        font-size: 14px !important;
    }
    .mob-offre-title{
        margin-top: 40px !important;
    }
    .mob-actualites-card{
        height: 300px !important;
    }
    .mob-offre-btn{
        margin-top: 20px !important;
        margin-bottom: 40px !important;
        font-size: 14px !important;
    }
    .feature-item{
        padding: 1rem !important;
        margin-bottom: 0 !important;
    }
    .feature-item .top-title{
        font-size: 1rem !important;
    }
    .feature-item .mb-0.mt-4{
        font-size: 0.9rem !important;
    }
    .feature-item .mb-0.mt-4{
        font-size: 0.9rem !important;
    }
    .feature-item .mb-0.mt-4{
        font-size: 0.9rem !important;
    }
    .mob-actualites-title{
        margin-top: 40px !important;
    }
    .mob-actualites-card{
        height: 350px !important;
    }
    .mob-actualites-card .mob-actualites-titre{
        font-size: 16px !important;
    }
    .fw-bold.mob-actualites-miniature-titre{
        font-size: 14px !important;
        font-weight: 500 !important;
    }
    .mob-actualites-card .mob-actualites-btn{
        font-size: 14px !important;
        padding-top: 0 !important;
    }
    .mob-actualites-card .mob-actualites-extrait{
        display: none !important;
    }
    .mob-actualites-btn{
        margin-top: 20px !important;
        margin-bottom: 40px !important;
        font-size: 14px !important;
    }
     .mob-partenaires-btn{
        margin-top: 20px !important;
        margin-bottom: 40px !important;
        font-size: 14px !important;
    }
    .mob-partenaires-title{
        margin-top: 40px !important;
    }
}