.agenda{width: 50px; float: left; background-color: #f8f8f8; border: solid 1px gray;  margin-right: 10px; }
.agenda .jour{ font-size: 20px; color: #395067; text-align: center; height: 24px; line-height: 24px; vertical-align: middle;  }
.agenda .mois{ background-color:    #7f7f81; color: white; font-size: 14px; text-align: center; height: 20px; line-height: 20px; vertical-align: middle; }


.card-content img {
	max-height: 80px;
	max-width: 80px;
	float: right;
}
.descriptif{
	display: block;
	clear: both;
	margin-left: 60px;
}
.html{
	display: none;
	padding-left: 60px;
}
.fermer{
	color: #ffab40;
}


@media only screen and (max-width:601px) 
{
	.card-content img {

	float: none;
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	}
	
	.html{
		padding-left: 0px;
	}
	.descriptif{
	
	margin-left: 0px;
}
}