/* 
    Style sheet theme-calendar
    Theme gesweb calendar
    Copyright 2015 Obtic Sàrl
*/

/*********************************/
/* <div> class for normal calendar  */
/*********************************/

.agenda							{ width:100%;margin:0 auto ; margin-top:10px; }
	.agenda h2				    { color:#666; padding-top:2em; padding-left:3px; font-size:110%; }
	
	.agenda .calendar-header {}

	/* Month name and navigation previous/next Month */
	.agenda .calendar-header div.month      { float:left; margin:0; padding:20px 0;  }
	.agenda .calendar-header div.prevnext   { float:right; margin:0; padding:0;}
		.agenda .calendar-header div.prevnext a{ text-decoration:none;text-align:center; padding:10px 0; /*font-size:20px;*/}
		.agenda .calendar-header div.prevnext a.prev{ float:left;padding-right:5px;}
		.agenda .calendar-header div.prevnext a.next{ float:right;padding-left:5px;}

	.agenda .calendar-header div.prev   { float:left; margin:0 25px 0 5px; padding:0;}
		.agenda .calendar-header div.prev a{ text-decoration:none;text-align:center; padding:10px 0; /*font-size:20px;*/}
		.agenda .calendar-header div.prev a.prev{ float:left;padding-right:5px;}
		.agenda .calendar-header div.prev a.next{ float:right;padding-left:5px;}
	
    .agenda .calendar-header div.next   { float:left; margin:0 5px 0 25px; padding:0;}
		.agenda .calendar-header div.next a{ text-decoration:none;text-align:center; padding:10px 0; /*font-size:20px;*/}
		.agenda .calendar-header div.next a.prev{ float:left;padding-right:5px;}
		.agenda .calendar-header div.next a.next{ float:right;padding-left:5px;}

/* calendar <table>*/
.calendar 				{ font-size:100%; border-collapse:collapse; }
.calendar.full-width    { width:100%; }
			
	/* Day of week name (header) */
	table.calendar tr								{ margin:0; padding:0;}
	table.calendar th								{ margin:0; padding:0; color:#fff;	background-color:#93c021; text-align:center; height:30px; }
	table.calendar th.week						{	 }
	table.calendar th.weekend				{	 }
    table.calendar tr.am,
    table.calendar tr.pm { height:150px;}
    table.calendar tr.am {}
	
	/* Day */
	table.calendar td					{ text-align:left; vertical-align:top!important; font-weight:normal; /*font-size:85%;*/ height:80px; min-width:70px; width:70px; padding:2px;border: 1px solid #ddd;}
    table.calendar td.free					{ background-color:#fff !important}
	table.calendar td:hover					{ }
		table.calendar td ul  					{ margin:0; margin-left:0; padding:0;	}
		table.calendar td ul li 				{ list-style:none;  }
		table.calendar td ul li a 			{ text-decoration:none; color:#93c021; }
		table.calendar td ul li a:hover	{ text-decoration:underline; color:#666; }

	/* normal day */
	table.calendar td.normal					{	color:#333;	background-color:#fafafa; }
	table.calendar td.normal.out-of-scope					{	color:#333;	background-color:#ccc; }
    table.calendar td div.rotate {
        -webkit-transform: rotate(-90deg);/* Safari */
        -moz-transform: rotate(-90deg);/* Firefox */
        -ms-transform: rotate(-90deg);/* IE */
        -o-transform: rotate(-90deg);/* Opera */
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);/* Internet Explorer */
        white-space: nowrap;
        margin-top: 50px;
}
	
	table.calendar div.detail-free,
	table.calendar div.detail-busy,
    table.calendar div.detail-reserved              { text-align:center; /*font-size:3em;*/	height:40px; margin-top:40px;margin-bottom:40px;	}
	table.calendar div.detail-free div.detail	    { color:#090; }
	table.calendar div.detail-busy div.detail	    { color:#F00; }
	table.calendar div.detail-reserved div.detail   { color:#ffd800; }
	table.calendar div.detail-free	a				{ text-decoration:none;}
	
		/* event for normal day */

	/* Week-end Day */
	table.calendar td.weekend				{  color:#79a000; background-color:#bbb; }
	table.calendar td.weekend.out-of-scope				{  color:#79a000; background-color:#ddd; }
		/* event for weekend day */

	/* today Day */
	table.calendar td.today					{ color:#fff; background-color:#93c021; font-weight:Bold; }
		/* event for weekend day */
		table.calendar td.today ul li a 			{ color:#fff; font-weight:normal; }

	/* Previous & next Month Day */
	.calendar td.OtherMonth			{ color:#999; background-color:#eee; }
		/* event for Other month day */

	/* Previous & next Month Day */
	table.calendar td.Event			{ background-color:#fff; }
	
	table.calendar div.detail_couleur					{ color:#f00}
	table.calendar div.mois	a				{ color:#000;}

/*********************************/
/* <div> class for small calendar  */
/*********************************/

.agendaSmall 				{ }
	.agendaSmall h2		{	color:#666; padding:0 3px; font-size:130%; margin:0; margin-top:10px; padding-bottom:5px; clear:both; }

	.agendaSmall .calendar-header {height:20px;}

	/* Month name and navigation previous/next Month */
			.agendaSmall div.month  { float:left;color:#93c021; margin:0; padding:0; font-weight:bold; }
			.agendaSmall div.prevnext  { float:right; background-color:#eee; margin:0; padding:0;width:50px; }
				.agendaSmall div.prevnext a.prev{ float:left; text-decoration:none;	color:#93c021; width:25px; text-align:center;}
				.agendaSmall div.prevnext a.next{ float:right; text-decoration:none;	color:#93c021; width:25px; text-align:center;}
      
/* calendar <table>*/
.calendarSmall 										{ font-size:100%; border-collapse:separate; }
	
	/* Day of week name (header) */
	.calendarSmall tr								{ margin:0; padding:0; width:100%; margin:0 auto ;}
	.calendarSmall th								{ color:#000; background-color:#fff; text-align:center;  }
	
	/* Day */
	.calendarSmall td								{ text-align:center; font-weight:normal; }
		.calendarSmall td a 					{ font-weight:Bold; color:#f00; }
	/* normal day */
	.calendarSmall td.normal				{	color:#333; background-color:#ccc;  }

	/* Week-end Day */
	.calendarSmall td.weekend				{  color:#93c021; background-color:#ccc;  }

	/* today Day */
	.calendarSmall td.today					{ font-weight:Bold; color:#fff; background-color:#933; }

	/* Previous & next Month Day */
	.calendarSmall td.OtherMonth		{ color:#999; background-color:#eee; }

	/* Day with Events */
	.calendarSmall td.Event					{ text-decoration:none; font-weight:Bold; color:#933; }
		.calendarSmall td.Event a 		{ font-weight:Bold; color:#93c021; text-decoration:none;}

#cart .panel{		
margin-top: 10px;
}
@media (min-width: 992px) {
#cart .panel{		
margin-top: 70px;
}
}