/***************************************************  CALENDRIER c'est  ici mon ptit Jean Hugues *************************************************/
/* The main calendar widget.  DIV containing a table. */
.calendar {position: relative; z-index: 200; display: none; border: 1px solid #a41031; font-size: 11px; color: #000; cursor: default; background: #fff;font-family:arial; margin-top: 15px; margin-left: 190px;}
.calendar table {border: 0; font-size: 11px; color: #000; cursor: default; background: #fff; font-family:arial;}
/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */ text-align: center; padding: 0px; border: 0; cursor: pointer; background: #a41031; color:white;font-weight:bold;}
.calendar .nav {background: transparent url(menuarrow.gif) no-repeat 100% 100%; background: #a41031;}
.calendar thead .title { /* This holds the current "month, year" */ font-weight: bold; padding: 0px; border: 0; background: #a41031;color: #fff;text-align: center;}
.calendar thead .headrow { /* Row <TR> containing navigation buttons */background: #a41031;}
.calendar thead .daynames { /* Row <TR> containing the day names */}
.calendar thead .name { /* Cells <TD> containing the day names */ border-bottom: 0; padding: 1px; text-align: center; background: #fff;}
.calendar thead .weekend { /* How a weekend day name shows in header */ color: #f00;}
.calendar thead .hilite { /* How do the buttons in header appear when hover */ border:0; padding: 0px;}
.calendar thead .active { /* Active (pressed) buttons in header */ padding: 0; border:0; background-color: #b8c0c4;}
/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */ width: 1em; text-align: center; padding: 2px 6px 2px 6px; color:#666}
.calendar tbody .day.othermonth {font-size: 80%; color: #000; visibility: hidden;}
.calendar tbody .day.othermonth.oweekend {color: #faa; visibility: hidden;}
.calendar table .wn {padding: 1px; border-right: 0; background: white; visibility: hidden;}
.calendar tbody .rowhilite td {background: white;}
.calendar tbody .rowhilite td.wn {background: white;}
.calendar tbody td.hilite { /* Hovered cells <TD> */ padding: 1px 0 1px 1px;border: 1px solid #000; margin:0;}
.calendar tbody td.active { /* Active (pressed) cells <TD> */padding: 0;border: 0;margin:0;}
.calendar tbody td.selected { /* Cell showing selected date */padding: 0; border: 0; color: Black; font-weight: bold; margin:0}
.calendar tbody td.weekend { /* Cells showing weekend days */color: #666;}
.calendar tbody td.today { /* Cell showing today date */font-weight: normal; color: #666;}
.calendar tbody .disabled { color: #999; }
.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */visibility: hidden;}
.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */display: none;}
/* The footer part -- status bar and "Close" button */
.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */}
.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */background:white; border:0; color: #000; text-align: center;}
.calendar tfoot .hilite { /* Hover style for buttons in footer */ padding: 0; border: 0;}
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */padding: 0;border: 0;}
/* Combo boxes (menus that display months/years for direct selection) */
.calendar .combo {position: absolute; display: none; width: 4em; top: 0px; left: 0px; cursor: default; border:0; background: #d8e0e4; font-size: 90%; padding: 0px; z-index: 100;}
.calendar .combo .label,.calendar .combo .label-IEfix {text-align: center; padding: 0px;}
.calendar .combo .label-IEfix {width: 4em;}
.calendar .combo .active {padding: 0; border: 0;}
.calendar .combo .hilite {padding: 0; border: 0;}
.calendar td.time {border-top: 0; padding: 1px 0px; text-align: center; background-color: #fff;}
.calendar td.time .hour,.calendar td.time .minute,.calendar td.time .ampm {padding: 0px 3px 0px 4px;border: 0;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 {padding: 0;border: 0;}
.calendar td.time span.active {padding: 0; border: 0;}
img.imgcalendrier{cursor: pointer;vertical-align:bottom;margin-left:2px;}
.formulaires input.bt_envoyer{margin:10px 0 0 155px;}