/* =============================================================================
	= Desktop
   ============================================================================= */

/* = Calendar
-------------------------------------------------------------------------------- */

	/*#calendar-block {padding:8%;}*/
	#calendar-event   { width:100%; position:relative;}

	#calendar-event table.all { color: #fff; margin-left:-4%;; margin-top:2%;}
	#calendar-event table th 	{ width:14%; vertical-align:middle; text-transform:uppercase; text-align:center; color:#fff;}

	#calendar-event .monthContainer { width:100%; padding-bottom:5%; vertical-align:text-top; line-height:normal;}
	#calendar-event .week			  { font-weight:normal;}
	#calendar-event .month          { float:left; padding:0px; color:#fff; line-height:normal; font-size:20px;}
	#calendar-event .date			  { font-size:60px; color:#fff; padding-right:10px;}
	#calendar-event .arrowBlock	  { padding-right:1%}
	#calendar-event .arrowLPos	  { width:20px; display:inline-block; float:left;} 
	#calendar-event .arrowRPos	  { width:20px; display:inline-block; float:left} 
	i.arrow 	   {width:20px; height:20px; font-size:18px; cursor:pointer; color:#fff; display: inline;
					transition:all 0.3s ease;}
	i.arrow:hover  {color:#bf6a9e;
	 	                      -webkit-transition: 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
				  					  transition: 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
				     -webkit-transition-property: background-color, color;
				 			 transition-property: background-color, color;
				 					  box-shadow: none!important;}

	#calendar-event table td  {text-align:center; width:7em; height:2.5em; padding:3px; vertical-align:middle;}
	#calendar-event table .past, #calendar-event table .future {text-align:center; color:#bf6a9e;}

	.highlight { display:table-cell; vertical-align:middle; text-align:center; line-height:normal;
				 background-color:#333; color:#fff; width:7em; height:2.5em;
				 transition:all 0.3s ease;}

	.highlight:hover {cursor:pointer; text-shadow: none;
							    background-color: #bf6a9e; cursor:pointer;
				  			  -webkit-transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
				  					  transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
				     -webkit-transition-property: background-color, color;
				 			 transition-property: background-color, color;
				 					  box-shadow: none;
				 					 transition:all 0.3s ease;}

	#calendar-event .legendContainer {width:100%; background-color:#3d3935; color:#fff; font-weight:lighter; font-size:11px; font-family:Arial}
	#calendar-event .legendContainer .padding {padding:8px 10px}
	#calendar-event .legend {display:inline-block; padding:0px 10px 0px 5px;}


/* = tooltips (programme intro)
-------------------------------------------------------------------------------- */

	.programme-block 		 { width:350px; background-color:#333; color:#999; border-bottom:1px solid #4c4c4c; overflow:hidden;
							  -webkit-transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
				  					  transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
				     -webkit-transition-property: background-color, color;
				 			 transition-property: background-color, color;
				 					  box-shadow: none;
				 					 transition:all 0.3s ease;}
	.programme-block img  { width:120px; float:right; right:0; border:0;}
	.programme-block .programme-width  { width:210px;}

	.programme-block .programme  { padding:15px; float:left; vertical-align:top}
	.programme-block .programme>.title   { padding-bottom:8px; font-size:1em; color:#fff; font-size:12px; line-height:1.4}
	.programme-block .programme>.venuse  { padding-top:5px; line-height:1.4; font-size:10px; font-family: verdana}

	a.programme-block 	 { position:relative; display:inline-block; color:#fff;}
	a:hover .programme-block  {background-color:#e8e8e8;}
	a:hover .programme-block .programme>.title   { color:#880656;}
	a:hover .programme-block .programme>.venuse   { color:#333;}