@media screen and (max-width: 1024px) {
    #carouselExample h1 {
        font-size: 2rem;

    }  #articles {
    max-width: 90%;
}

    #carouselExample h1 img {
        width: 75px;

    }

    #carte #slider_formation {
        height: 300px;
        padding: 0;
    }

    #carte h4 {
        font-size: .9rem;
    }

    #carouselExample #slider_titre {
        height: 3.5rem;
    }

    #carte p {
        font-size: .8rem;
    }

    #carouselExample #logo_apc {
        width: 210px;
    }

}

@media screen and (max-width: 900px) {
    #carouselExample {
        display: none;
    }


    #footer {
        flex-wrap: wrap;
    }

}

@media screen and (max-width: 720px) {

    #footer_div {
        flex-wrap: wrap;
    }

}







#center_article{
    align-items: center;
}

#header li {
    margin-inline: 5px;

}

#header li a:hover {
    border-bottom: 1px solid blueviolet;

}

.border-none {
    border: none;
}

#border_shadow {
    box-shadow: 1px 1px 3px 1px blueviolet;
"
}

#slider_formation {
    height: 30rem;
    position: relative;
    box-shadow: 1px 1px 5px blueviolet;

}


#slider_titre {
    height: 5rem;
}

#img_slider {
    bottom: 0;
    right: 10%;
    position: absolute;
    width: 80%;
    aspect-ratio: 1;
    padding: 10%;
    object-position: center;


}

#bouton_formation {
    width: 200px;
}

#border_article_front {

    box-shadow: 1px 1px 5px blueviolet;

}

#border_article {

    box-shadow: 1px 1px 5px blueviolet;

}

#border_article_front:hover {

    box-shadow: 1px 1px 15px blueviolet;

}