/*<agl.folder "Définition de la DIV et du tableur">*/
	div.calendar 								 { text-align: center; position: relative }
	.calendar, .calendar table   				{ color: #000; font-size: 8pt; font-family: Arial; text-align: left; cursor: pointer; margin: 0; padding: 2px; border-width: 0 }
	table.calendrier							 { color: #000; font-size: 8pt; font-family: Arial; text-align: center; margin: 0; padding: 0; width: 275px; vertical-align: middle; border: solid 1px #060 }
/*</agl.folder>*/
/*<agl.folder "Bouton de navigation et Nom des jours">*/
	/*Définit le bouton [?] et [X] (pour le pop up)*/
	.calendar .button 							{ text-align: center; padding: 2px }
	/*Définit la barre de navigation des années et des mois*/
	.calendar .nav   							{ color: #fff; background: #060 url("../images/menuarrow.gif") no-repeat 100% 100% }
	/*Définit la première ligne tableur*/
	.calendar thead .title  					{ color: #000; font-size: 8pt; font-family: Arial; font-weight: bold; background: #fff; text-align: center; padding: 2px; border: solid 0 #2e8b57 }
	/*Définit la cellule aujourd'hui*/
	.calendar thead .headrow  					{ color: #fff; background: #060 }
	/*Définit le remplissage de la ligne des jours de la semaine*/
	.calendar thead .daynames  					{ background: #98fb98 }
	/*Définit le style d'affichage de la ligne des jours de la semaine*/
	.calendar thead .name  						{ color: #000; text-align: center; padding: 2px; border-bottom: 1px solid #556 }
	/*Définit le style d'affichage des jours du Week End dans la ligne des jours de la semaine*/
	.calendar thead .weekend   					{ color: #900; padding: 2px }
	/*Définit le "hover" dans la ligne des jours de la semaine*/
	.calendar thead .hilite   					{ color: #000; font-weight: bold; background-color: #98fb98; padding: 0; border-style: none none solid; border-width: 0 0 1px; border-color: #555556 }
	/*Définit le "actice" dans la ligne des jours de la semaine*/
	.calendar thead .active 					{ color: #fff; background-color: #060; margin: 0; padding: 0 }
/*</agl.folder>*/
/*<agl.folder "Gère les jours du mois en cours">*/
	.calendar tbody .day  						{ color: #008000; text-align: center; margin: 0; padding: 2px 4px; width: 2em; border: 0 }
	.calendar tbody .day.othermonth 			{ color: #696969; font-size: 80% }
	.calendar tbody .day.othermonth.oweekend	{ color: #696969 }
	/*Définit le remplissage de la ligne des numéros de la semaine*/
	.calendar table .wn  						{ color: #000; background: #98fb98; margin: 0; padding: 2px 4px; border-right: 1px solid #000 }
	/*Définit une ligne colorée de la semaine quand hover avec la souris*/
	.calendar tbody .rowhilite td  				{ background: #98fb98; text-align: center; margin: 0; padding: 2px 4px }
	/*Définit une ligne colorée de la semaine quand hover avec la souris - Spécial N° de semaine*/
	.calendar tbody .rowhilite td.wn  			{ color: #fff; background: #060; margin: 0; padding: 2px }
	.calendar tbody td.hilite  					{ color: #000; font-weight: normal; background-color: #98fb98; text-align: center; margin: 0; padding: 0; border: solid 1px #060 }
	.calendar tbody td.active  					{ color: #fff; background: #060; text-align: center; margin: 0; padding: 0; border: solid 1px #98fb98 }
	/*aujourd'hui pour les autres mois que l'actuel*/
	.calendar tbody td.selected 				{ background-image: none; margin: 0; padding: 2px 4px; border: solid 1px #98fb98 }
	/*Définit le style d'affichage des jours du Week End dans l'agenda*/
	.calendar tbody td.weekend  				{ color: #900; text-align: center }
	/*Définit le style d'affichage de Aujourd'hui*/
	.calendar tbody td.today 					{ color: #fff; font-weight: bold; background-color: #060; text-align: center; margin: 0; padding: 2px }
	.calendar tbody .disabled 					{ color: #008000; text-align: center; margin: 0; padding: 2px 4px; width: 2em; border: 0 }
	.calendar tbody .emptycell 					{ visibility: hidden }
	.calendar tbody .emptyrow 					{ display: none }
/*</agl.folder>*/
/*<agl.folder "Définition du footer, barre de statut et bouton [X]">*/
	.calendar tfoot .footrow 					{ text-align: center; background: #556; color: #fff }
	.calendar tfoot .ttip 						{ background: #fff; color: #445; border-top: 1px solid #556; padding: 1px }
	.calendar tfoot .hilite  					{ color: #000; background-color: #98fb98; padding: 1px; border-width: 0 }
	.calendar tfoot .active 					{ background: #98fb98; padding: 2px 0 0 2px }
/*</agl.folder>*/
/*<agl.folder "Gère les menus déroulants">*/
/*Couleur de fond du menu déroulant*/
	.calendar .combo 							{ color: #000; font-size: 90%; background: #98fb98; cursor: pointer; display: none; position: absolute; z-index: 100; top: 0; left: 0; width: 4em; border: solid 1px #655 }
	.calendar .combo .label,
	.calendar .combo .label-IEfix 				{ text-align: center; padding: 1px }
	.calendar .combo .label-IEfix				{ width: 4em }
	.calendar .combo .hilite  					{ color: #fff; background-color: #060 }
	.calendar .combo .active 					{ color: #fff; font-weight: bold; background-color: #060 }
/*Affichage de l'heure*/	
	.calendar td.time 							{ border-top: 1px solid #000; padding: 1px 0px; text-align: center; background-color: #f4f0e8 }
	.calendar td.time .hour,
	.calendar td.time .minute,
	.calendar td.time .ampm 					{ padding: 0px 3px 0px 4px; border: 1px solid #889; font-weight: bold; background-color: #fff }
	.calendar td.time .ampm 					{ text-align: center }
	.calendar td.time .colon 					{ padding: 0px 2px 0px 3px; font-weight: bold }
	.calendar td.time span.hilite				{ border-color: #000; background-color: #667; color: #fff }
	.calendar td.time span.active 				{ border-color: #f00; background-color: #000; color: #0f0 }
/*</agl.folder>*/
/*<agl.folder "dates spéciales">*/
	.special  									{ background-image: url("../images/today-bg.gif"); background-repeat: no-repeat }
	.ferie  									  { color: #900; background-color: #fc9; text-align: center }
/*</agl.folder>*/

