/**
 * Styles de l'agenda
 *
 * @author		Julie Tétard <julie@2jstudio.com>
 * @version		2.0
 * @package		Mediaweb
 * @subpackage 	css
 * @category 	calendar
 */


/**
 * Redéfinition
 */

	#content h2  {
		font-size:12px;
		font-weight:bold;
		margin:0 0 5px 0;
		padding:0;
	}
	

/**
 * Styles complémentaires
 */

	/* Colonne du détail */
	#detail {
		float:left;
		width:509px;
		padding:0 20px 20px 0;
		margin:0 20px 0 0;
		text-align:justify;
		border-style:solid;
		border-width:0 1px 0 0;
		border-color:#FFFFFF;
		min-height:200px;
	}
	#detail div {
		margin:0 0 15px 0;
	}
	#detail img {
		float:left;
		margin:2px 7px 5px 0;
		width:200px;
	}
	.dateTime {
		font-weight:bold;
		font-size:11px;
		margin:0 0 3px 0;
	}
	
	/* Colonne du calendrier */
	#dates {
		float:left;
		width:170px;
		padding:0;
		text-align:left;
	}
	#dates select {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;	
		border:1px outset #333333;
		margin:0 0 0 2px;
		padding:2px 3px 2px 0px;
		background-color:#FFFFFF;
	}
	#dates input {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;	
		border:1px outset #333333;
		margin:0 0 0 2px;
		padding:2px 3px 2px 0px;
		background-color:#FFFFFF;
	}
	
	/* Tableau du calendrier */
	#dates table {
		border-spacing:2px;
		margin:10px auto 15px 0;
		width:170px;
	}
	#dates td, #dates th {
		padding:2px 3px 2px 3px;
		width:14px;
	}
	#dates th {
		text-align:center;
		border:1px solid #FF6600;
		font-size:11px;
	}
	#dates td {
		text-align:right;
		border:1px solid #FF6600;
		cursor:default;
		font-size:10px;
		cursor:pointer;
	}
	#dates td.filled {
		border:1px solid #999999;
		background-color:#EEEEEE;
	}
	#dates td.active {
		border:1px solid #CCCCCC;
		background-color:#FF6600;
		color:#FFFFFF;
		font-weight:bold;
	}
	#dates td.over {
		border:1px solid #CCCCCC;
		background-color:#999999;
		color:#FFFFFF;
		font-weight:bold;
	}