table.jCalendar {position: relative; float: left;border: 1px solid #204581;	background-color: #204581;border-collapse: separate;border-spacing: 2px;}
table.jCalendar th {background-color: #204581;	color: #fff;font-weight: bold;padding: 3px 5px;}
table.jCalendar td {background: #fff;color: #000;padding: 3px 5px;text-align: center;}
table.jCalendar td.other-month {background: #fff;color: #5c423e;}
table.jCalendar td.today {background-color: #406cb2;color: #fff;}
table.jCalendar td.selected {background: #5f91df;color: #fff;}
table.jCalendar td.selected:hover {background: #f33;color: #fff;}
table.jCalendar td:hover, table.jCalendar td.dp-hover {background: #fff;color: #000;}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {background: #eee;color: #888;}

/* For the popup */
/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */
div.dp-popup {position: relative;float: left;background: #fff8d9;font-size: 10px;font-family: arial, sans-serif;padding: 2px;width: 171px;line-height: 1.2em;border: solid 1px #fff8d9;}
div#dp-popup {position: absolute;z-index: 199;}
div.dp-popup h2 {font-size: 12px;text-align: center;margin: 2px 0;	padding: 0;}
a#dp-close {font-size: 11px;padding: 4px 0;text-align: center;display: block;}
a#dp-close:hover {text-decoration: underline;}
div.dp-popup a {color: #000;text-decoration: none;padding: 3px 2px 0;}
div.dp-popup div.dp-nav-prev {position: absolute;top: 2px;left: 4px;width: 100px;}
div.dp-popup div.dp-nav-prev a {float: left;}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {cursor: pointer;}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {cursor: default;}
div.dp-popup div.dp-nav-next {position: absolute;top: 2px;right: 4px;width: 100px;}
div.dp-popup div.dp-nav-next a {float: right;}
div.dp-popup a.disabled {cursor: default;color: #aaa;}
div.dp-popup td {cursor: pointer;}
div.dp-popup td.disabled {	cursor: default;}
/* ajout perso */
/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {float: left;width: 23px; height: 19px;	padding: 0;	margin: 0px 5px 0;display: inline;text-indent: -2000px;	overflow: hidden;background: transparent url("calendar.png") no-repeat;}
a.dp-choose-date.dp-disabled {background-position: 0 -20px;	cursor: default;}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon)
 */
input.dp-applied {float: left;height: 1.1em;font-size: 1em; }