.titre_dates { /*Les titres dates passées et dates à venir*/
	text-align: center;
	color: blue;
	font-size: 1.2em;
}

.ligne_date {
	padding: 5px;
	margin-top: 0;
	margin-bottom: 0;
}

.date_evenement { /* la date de chaque evenement */
    display: inline-block;
	color: black;
	border: inherit;
	background: inherit;
	padding: 0;
	font: inherit;
	outline: inherit;
	text-align: center;
	font-size: 1em;
	width: 133px;
	height: 46px;
    line-height: 46px;
    vertical-align: middle;
	border: none;
}

.date_evenement:nth-child(odd) {
    background-image: url('../img/date1.png');
    background-size: cover;
}

.date_evenement:nth-child(even) {
    background-image: url('../img/date2.png');
    background-size: cover;
}

.type_evenement { /* le type de chaque evenement */
	color: silver;
}

.ville_evenement { 
    font-weight: 100;
}

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

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

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

.nom_evenement{
	color: blue;
}