.titre_dates { /*Les titres dates passées et dates à venir*/
    font-size: 1.3em;
    font-weight: bold;
}

.ligne_date {
    width: 97%;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.date_evenement { /* la date de chaque evenement */
    color: brown;
    border: 1px solid grey;
    border-radius: 7px;
    background-color: beige;
    padding: 3px;
}

.type_evenement { /* le type de chaque evenement */
    font-style: italic;
    display: none;
}

.ville_evenement { 
    font-weight: 100;
}

.cp_evenement { /* pour le departement*/
    color: brown;
    font-weight: bold;
}

summary { /* pour la partie "plus de détails*/
    cursor: pointer;
}

details {
    width: 90%;
    background-color: #86868620;
    border-radius: 10px;
    padding: 3px;
}

.nom_evenement{
    color: brown;
}

h4{
    margin-bottom: 3px;
}