.centreaide_section {
    .centreaide_titres {
        strong {
            font-size: calc(var(--mobile-taille-grosTitresSecondaires) * 1.5);
        }
    }

    .conteneur_centreaide {
        display: flex;
        justify-content: center;
        background-image: url('https://gftnth00.mywhc.ca/5w5_04/wp-content/uploads/2025/12/decoration_centreaide.svg'); 
        background-repeat: no-repeat;
        background-origin: content-box;
        background-position: center;
        background-size: clamp(400px, 75%, 768px) auto;
    
        .centreaide_composant {
            .decoration_centreaide {
                padding: 5rem 0 0 2vw;
                z-index: -1;
                position: absolute;
                width: 95vw;
                left: 0rem;
            }
            
            .appareil{
                border: 1px solid var(--couleur-accent-secondaire);
                box-shadow: var(--couleur-effet-decalage-5);
                border-radius: 0.7rem;
            }
        }

        .cadre_dossier {
            position: absolute;
            margin-top: 2rem;
            width: 16rem;
            height: 27.5rem;

            h4 {
                width: 100%;
                text-align: center;
                font-weight: var(--graisseur-gras);
            }

            .conteneur_dossier {
                width: 100%;
                gap: 1.5rem;
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                justify-content: center;

                a {
                    width: 7rem;
                }
            }
        }
    }
}

@media (min-width: 768px) {
    .centreaide_section {
        .centreaide_titres {
            strong {
                font-size: calc(var(--tablette-taille-grosTitresSecondaires) * 1.5);
            }    
        }

        .conteneur_centreaide {
            background-size: clamp(768px, 80%, 1024px) auto;

            .centreaide_composant {
                .appareil {
                    width: 45rem;
                }
            }

            .cadre_dossier {
                width: 42rem;
                position: absolute;
                margin-top: 2.66rem;
                height: 23.5rem;

                .conteneur_dossier {
                    gap: 2.5rem;;

                    a {
                        width: 10rem;
                    }
                }
            }
        }
    }
}

@media (min-width: 1024px) {
    .centreaide_section {
        .centreaide_titres {
            strong { 
                font-size: calc(var(--desktop-taille-grosTitresSecondaires) * 1.5);
            }
        }

        .conteneur_centreaide {
            background-size: clamp(1024px, 90%, 1300px) auto;

            .centreaide_composant {
                .appareil {
                    width: 60rem;
                    border: none;
                    border-radius: 0;
                    box-shadow: none;
                }
            }

            .cadre_dossier {
                width: 47rem;
                margin-top: 1.2rem;
                height: 26rem;

                .conteneur_dossier {
                    a {
                    }
                }
            }
        }
    }
}