/***************************************************  CALENDRIER *************************************************/
/* The main calendar widget.  DIV containing a table. */
.calendar {position: relative; display: none; border: 1px solid #00529B; font-size:11px; color:#000; cursor: default; background: #fff;font-family:arial; z-index:9000;}
.calendar table {border: 0; font-size: 11px; color: #000; cursor: default; background: #fff; font-family:arial; z-index:9000;}
/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */ text-align: center; padding: 0px; border: 0; cursor: pointer; background: #00529B; color:white;font-weight:bold;}
.calendar .nav {background: transparent url(menuarrow.gif) no-repeat 100% 100%; background: #00529B;}
.calendar thead .title { /* This holds the current "month, year" */ font-weight: bold; padding: 0px; border: 0; background: #00529B;color: #fff;text-align: center;}
.calendar thead .headrow { /* Row <TR> containing navigation buttons */background: #00529B;}
.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;}

/***************************************************  CALENDRIER *************************************************/



/***************************************************  FORMULAIRE  *************************************************/

*+html #secondaryBlock input.new  {padding-bottom4px;}

#formBlockX5 h3{margin:0px; padding:0; background:url(../img/titles/ttl_horses_home2.jpg) center top no-repeat; height:74px;}
#formBlockX5 em{display:block; font-size:10px; padding:2px 0 5px 0; color:#c9e3f0; line-height:10px; font-style:normal; clear:left;}
#formBlockX5 #selectHour {float:left;width:115px; margin-right:4px; padding-left:2px;}
*+html #formBlockX5 #selectHour {height:18px;}
#formBlockX5 #f_date_c {float:left;width:90px; padding:2px 0 0 2px;}
* html #formBlockX5 #f_date_c {float:left;width:90px; display:inline; margin-right:0; padding-right:0;}


#formBlockX3 #selectHour {float:left;width:115px; margin-right:4px; padding-left:2px;}
*+html #formBlockX3 #selectHour {height:18px;}
#formBlockX3 #f_date_c {float:left; width:90px; padding:2px 0 0 2px;}
* html #formBlockX3 #f_date_c {float:left; width:90px; display:inline; margin-right:0; padding-right:0;}

#formBlockX1 #selectHour {float:left;width:115px; margin-right:4px; padding-left:2px;}
*+html #formBlockX1 #selectHour {height:18px;}
#formBlockX1 #f_date_c {float:left; width:90px; padding:2px 0 0 2px;}
* html #formBlockX1 #f_date_c {float:left; width:90px; display:inline; margin-right:0; padding-right:0;}

#secondaryBlock #selectHour {float:left;width:115px; margin-right:4px; padding-left:2px;}
*+html #secondaryBlock #selectHour {height:18px;}
#secondaryBlock #f_date_c {float:left; width:90px; padding:2px 0 0 2px;}
* html #secondaryBlock #f_date_c {float:left; width:90px; display:inline; margin-right:0; padding-right:0;}

#secondaryBlock p.smaller {}

#secondaryBlock em {display:block; font-size:10px; padding-top:0px; color:#c9e3f0; line-height:10px; font-style:normal;}

* html .bugie {background: url(../img/forms/fondun.gif) no-repeat;}

#secondaryBlock.ctop  {float:left;width:117px; margin-right:3px; margin-top:2px; padding-left:2px;}
#secondaryBlock input.new {height:19px; width:235px; background: url(../img/forms/newform_back.gif) left top no-repeat; margin-top:2px; padding:2px 0 0 2px;}
#f_trigger_c {cursor:pointer;}
.marginT {}
#secondaryBlock input.smalla {float:left; display:block; width:113px; height:17px; background: url(../img/secondary/bg_formelement_smaller.gif) left top no-repeat; margin:4px 5px 0 0; padding:2px 0 0 2px; }
#secondaryBlock input.small{float:left; display:block; width:113px; height:17px; background: url(../img/secondary/bg_formelement_smaller.gif) left top no-repeat; margin-top:4px; padding:2px 0 0 2px;}

* html #secondaryBlock input.smalla, * html #secondaryBlock input.small {margin-top:2px;}


#validBlockdeux {position:absolute; bottom:-4px; left:0; width:100%; text-align:center; height:25px;}
#validBlockTrois {position:absolute; bottom:20px; left:0; width:100%; text-align:center; height:25px;}
#validBlockQuatre {position:absolute; bottom:32px; left:0; width:100%; text-align:center; height:25px;}
#validBlockCinq  {position:absolute; bottom:45px; left:0; width:100%; text-align:center; height:25px;}

* html #validBlockCinq  {position:absolute; bottom:30px; left:0; width:100%; text-align:center; height:25px;}

#validBlockdeux #btnFormValid, #validBlockTrois #btnFormValid, #validBlockQuatre #btnFormValid {top:0; position:absolute; left:63px;} 


/***************************************************  FORMULAIRE  *************************************************/
#validBlockdeux {
	bottom:-185px !important;
}
* html body #validBlockdeux {
	bottom:-164px !important;
}
* + html body #validBlockdeux {
	bottom:-160px !important;
}

#validBlocLanding {
	clear:both;
	text-align:center;
	width:237px;
	overflow:hidden;
}

#validBlocLanding .invisible {
	display:none;
}

#validBlocLanding #btnFormValid {
	width:126px;
	height:21px;
	margin:21px auto 0 auto;
}

* html body .style-landing-form #f_trigger_c {
	margin-left:-3px;
}






