@import 'variables.css';

section.actualites {
    margin: 50px auto;
    width: 1200px;
    box-shadow: none;
    border-radius: none;
}

section.actualites p {
    margin-block-end: 20px;
}

.actualites_container {
    border: 3px solid var(--yellow);
    border-radius: 25px;
    box-shadow: var(--main-shadow);
    padding: 40px;
}

.actualites_card {
    position: relative;
}

.actualites_card::after {
    content: ""; /* Crée un pseudo-élément */
    display: block; /* Pour que la ligne prenne de l'espace */
    width: 100%; /* Largeur de la ligne, ajustez selon vos besoins */
    height: 1px; /* Épaisseur de la ligne */
    background-color: var(--light-yellow); /* Couleur de la ligne */
    margin: 30px auto; /* Centre la ligne et ajoute un espace en bas */
}

.actualites_card h3 {
    font-size: 22px;
    font-weight: bold;
}

.actualites_card p {
    margin: 1rem 0;
}

.actualites_card_link {
    color: var(--dark-blue);
    text-decoration: none;
}

.actualites_card .actualites_card_link:hover {
    color: var(--main-blue);
}

@media screen and (max-width: 500px) {
    .actualites_container {
        padding: 20px;
        border: none;
        border-radius: 0;
    }
    
}