/*************************************/
/************   Classes   ************/
/*************************************/

/* Calendrier en lui-même : taille et style - à changer selon la couleur du design du calendrier */
	.cal {
		width: 194px;
		border: 0px solid #CCC;
		/*margin: 0 auto;*/
	}

.cal a {
	color: #0C0;
	text-decoration: none;
	border-bottom: 0px dashed #CCC;
	font-size: 9px;
}

.cal a:hover {
	color: #0E0;
}

/* Couleur/image de fond et style du titre (mois) - à changer selon la couleur du design du calendrier */
	.calhead {
		width: 100%;
		font-weight: bold;
		color: #605C4F;
		font-size: 11pt;  
		/*background: url('images/calBack.gif') repeat center left;*/
		padding: 3px;
	}

.calhead img {
	border: none;
}

.calhead table {
	width: 100%;
}

.calhead a {
	text-decoration: none;
	border: none;
}

/* Couleur de fond et style des jours (D L M M J V S) - à changer selon la couleur du design du calendrier */
.dayhead {
	height: 26px;
	background: #8E8875;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
}

.dayhead td {
	text-align: center;
	color: #fff;
}

.dayrow {
	background: #FFF;
}

.dayrow td {
	width: 14%;
	font-size: 10pt;
	border: 0px solid #DDD;
}

/* Couleur de fond sur rollover et rollout sur une journée SANS événement - à changer selon la couleur du design du calendrier */
/* À noter que -.dayout- est la couleur de fond par défaut de la journée SANS événement */
	.dayover {
		background: #ffffff;
		
		color: #9B9680;
	}
	.dayout {
		background: #ffffff;
		
		color: #37311E;
	}

/* Couleur de fond sur rollover et rollout sur une journée AVEC événement - à changer selon la couleur du design du calendrier */
/* À noter que -.dayout2- est la couleur de fond par défaut de la journée AVEC événement */
	.dayover2 {
		background: #CCC6B3;
		cursor:	pointer;
		
		color: #37311E; /* Couleur du jour over */
	}
	.dayout2 {
		background: #CCC6B3;
		
		color: #37311E; /* Couleur du jour out */
	}
	
/* Couleur de fond sur rollover et rollout sur une journée AVEC événement - à changer selon la couleur du design du calendrier */
/* À noter que -.dayout2- est la couleur de fond par défaut de la journée AVEC événement */
	.dayover_act {
		background: #8E8875;
		cursor:	pointer;
		
		color: #ffffff; /* Couleur du jour over */
	}
	.dayout_act {
		background: #8E8875;
		
		color: #ffffff; /* Couleur du jour out */
	}
	
.error {
	color: #C00;
	font-size: 14px;
	font-weight: bold;
}

/* Couleur unique du jour présent - à changer selon la couleur du design du calendrier */
	.today {
		font-weight:bold;
		color:#78413d;
	}
	
	/* Lorsqu'il y a une activité le même jour, la couleur change */
	.today_act {
		font-weight:bold;
		color:#78413d;
	}

/* Style de la légende */
.legende {
	/*background-color: #ffffff;*/
	padding:5px 0px 0 0px;
		
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#ddd;
}



/*************************************/
/*************    IDs    *************/
/*************************************/

#calendar td {
	font-family: Arial, Helvetica, sans-serif;
}

#calback {
	clear: both;
	width: 100%;
	/*height: 100%;*/
	background: url('images/calWaiting.gif') no-repeat center;
}

#calendar {
	width: 100%;
	height: 100%;
}

/* Zone d'événement - style du texte des événements - à changer selon la couleur du design du calendrier */
	#event {
		font-family: Arial, sans-serif;
		width: 100%;
		height: 100%;
		border-top: 1px solid #727260;
		border-bottom: 1px solid #727260;
		color: #000000;
	}

/* Entête de la zone d'événement - le background par défaut est une image, on peut le changer pour une couleur si l'on veut - à changer selon la couleur du design du calendrier */
	#event .heading {
		padding: 10px;
		position: relative;
		background: url('images/calEvent.gif') repeat-x top left;
		border-bottom: 1px dotted #cc0000;
	}

/* Entête de la zone d'événement - le titre et la date - à changer selon la couleur du design du calendrier */
	#event .title {
		color: #cc0000;
		font-size: 16px;
		font-weight: bold;
	}
	
	#event .posted {
		color: #8C8C73;
		font-size: 10px;
	}

#event .back {
	position: absolute;
	bottom: 3px;
	right: 3px;
}

#event .back a {
	color: #666666;
	font-size: 8pt;
	text-decoration:none;
}

#event .back a:hover {
	color: #000000;
	text-decoration:none;
}

#event .line {
	padding: 10px;
	overflow: auto;
}

	/* Couleur des liens dans les activités du calendrier */
	#event .line a, #event .line a:hover {
		color: #00acee;
	}

#jump {
	z-index: 100;
	line-height: 30px;
	padding: 5px;
	background: #F6F6F6;
	border: 1px solid #888;
}

#jump2 {
	z-index: 100;
	padding: 6px 10px;
	background: #F6F6F6;
	border: 1px solid #8E8875;
}

#jump a {
	text-decoration: none;
	border: none;
}

#jump img {
	border: none;
}