/* --------------------------------------------------------
    Calendar stylesheet
    Site: Go sport Go
    Created by: Stéphanie Léveillé - stephanie.leveille@leonarddg.com
    Filename: calendar.css
   -------------------------------------------------------- */
   
/* --------------------------------------------------------
    COLORS
    Date:						#797769
    Light Grey : 	#525249
    Dark Grey:			#292924
    Orange:				#e97401
   -------------------------------------------------------- */

div.divcalendrier {
	background: url(../images/backCalendar.png) no-repeat;
	height: 263px;
	margin: 0 auto;
	xposition: relative;
	width: 404px;
	xz-index: 2;
}

.navLeft {
	position: relative;
	left: 15px;
	top: 10px;
}

.navRight {
	position: relative;
	right: 15px;
	top: 10px;
}

.navLeft a { float: left; }

.blockContent .navRight { position: absolute; right: 10px; top: 3px; }
.blockContent .navLeft { position: absolute; left: 10px;top: 0px; }

/*.navLeft a, .navRight a { color: #000; padding: 0; width: 20px;}*/



table.calendrier { margin: 10px 0 0 15px; }

.blockContent table.calendrier { margin: 10px 0 0; }

table.calendrier caption {
	color: #fff;
	font-size: 1.4em;
	font-weight: bold;
	padding-top: 15px;
	text-transform: uppercase;
}

.blockContent table.calendrier caption {
	color: #e97401;
	font-size: 1.2em;
	padding-top: 5px;
}

table.calendrier th {
	color: #fff;
	height: 26px;
	text-transform: uppercase;
}

.blockContent table.calendrier th {
	height: 20px;
}

table.calendrier td {
	background: #525249;
	color: #797769;
 	height: 26px;
	padding: 0 3px;
	text-align: left;
	vertical-align: top;
	width: 46px;
}

table.calendrier td.today { 
	border: 1px solid #fff; 
}

.blockContent table.calendrier td {
	height: 20px;
	text-align: center;
	vertical-align: middle;
	width: 20px;
}

table.calendrier td.activite { background: #e97401; padding:0; }

table.calendrier td.activite a {
	color: #fff !important;
	display: block;
	height: 26px;
	text-decoration: none;
}

.blockContent table.calendrier td.activite a { 
	display: table-cell;
	height: 20px; 
	text-align: center;
	vertical-align: middle;
	width: 20px;
}

table.calendrier td.other { 	background: #292924; }