#calendar th, #calendar td, #calendar tr
	{
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	}
#calendar th a, #calendar td a, #calendar tr a
	{
	text-decoration: none;
	vertical-align: middle;
	font-weight: bold;
	color: #000000;
	}
#calendar td  :hover a, #calendar tr  :hover a{
 text-decoration:underline;
 color:#fff;
 background:#000;
}
@media all and (max-width: 700px)
{
    .logo img
    {
        display: none;
    }
}
@media all and (max-width: 700px)
{
   span
    {
        display: none;
    }
}
h3 {font-family: 'Lobster', serif, arial;
font-size: 1.2em; }
.tab{
  text-align: center;
  vertical-align: middle;
  font: normal bold 1.3em "Times New Roman", Arial;
  color: black;
  background:#dcdcdc;
}
.jour{
  width: 260px;
  background:#f5f5dc;
}
.jourpmu{
  width: 260px;
  background:#00ff00;
}
.jourgalop{
  width: 260px;
  background:#ffff00;
}
.reunion{
  width: 320px;
  background:#ffebcd;
}
.logo{
  width: 80px;
}
.video{
	width: 60px;
}
.fete{
  background:#ffff00;
}
.anim{
  background:#ddf5ea;
}