/* Mise en forme du pre-loader */
.no-js #loader {
	display: none;
}
.js #loader {
	display: block;
	position: absolute;
	left: 100px; top: 0;
}
.pre-loader-div {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(images/preloader.gif) center no-repeat #fff;
}

/* Mise en forme général */
body {
	margin: 20px 40px 20px 80px;
	font-family: Arial, Helvetica, Sans-serif;
}
.ui-icon.green {
	background-image: url(images/ui-icons_8DC262_256x240.png);
}
.ui-widget .ui-widget {
	font-size: 0.9em;
}
.ui-dialog-title {
	font-size: 0.9em;
}
.ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border: 1px solid #b8310a;
	background: #da532c;
}        
.ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover {
	border: 1px solid #b8310a; /*rajouter le 7 oct. pour datepicker*/
	background: #fc754e;
}
.ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	background: #fafaf4;
   color: #da532c;
}
.ui-widget-header .ui-state-active .ui-icon {
	background-image: url(images/ui-icons_da532c_256x240.png);
}
sup {
   vertical-align: super;
   font-size: 8px;
}

/* Mise en forme de l'extension footer de jTable */
div.jtable-main-container table.jtable tfoot {
  background-color: #da532c;
  border-top: 1px solid #C8C8C8;
  border-bottom: 1px solid #C8C8C8;
}
div.jtable-main-container table.jtable tfoot th {
  padding: 4px 3px 4px 6px;
  border-left: 1px solid #fff;
  border-right: 1px solid #C8C8C8;
  text-align: left;
  color: white;
}
div.jtable-main-container table.jtable tfoot th:first-child {
  border-left: none;
}
div.jtable-main-container table.jtable tfoot th:last-child {
  border-right: none;
}

/* Mise en forme pour l'ouverture des sous-tables d'une JTable */
.child-opener-image {
	cursor: pointer;
	opacity: 0.5;
}
.child-opener-image:hover {
	opacity: 0.9;
}
.child-opener-image-column {
	text-align: center;
}

/* Mise en forme du bouton de Déconnexion */
#deconnect {
	border: 1px solid #327E04;
	background: #459e00;
}
#deconnect:hover {
	background: #67b021;
	color: #fff;
}
#DuplicateButton:active .ui-icon {
	background-image: url(images/ui-icons_da532c_256x240.png);
}
#DeleteAllButton:active .ui-icon {
	background-image: url(images/ui-icons_da532c_256x240.png);
}
#SetupButton:active .ui-icon {
	background-image: url(images/ui-icons_da532c_256x240.png);
}
#DefaultValuesButton:active .ui-icon {
	background-image: url(images/ui-icons_da532c_256x240.png);
}
#dValuesButton, #dValuesButton1, #dValuesButton2 {
	border: 0px;
	font-size: 0.6em;
}
#dValuesButton:active .ui-icon {
	background-image: url(images/ui-icons_da532c_256x240.png);
}
#dValuesButton1:active .ui-icon {
	background-image: url(images/ui-icons_da532c_256x240.png);
}
#dValuesButton2:active .ui-icon {
	background-image: url(images/ui-icons_da532c_256x240.png);
}
																						
/* Mise en forme des zones de filtrage */
div.filtering {
	border: 1px solid #999;
	margin-bottom: 5px;
	padding: 10px;
	background-color: #EEE;
}

/* Mise en forme des zones de sélection */
#farmInfo {
	margin-top: 5px;
	border: 1px solid #999;
	background-color: #EEE;
	padding: 5px;
}
#cropInfo {
	margin-bottom: 5px;
	border: 1px solid #999;
	background-color: #EEE;
	padding: 1px;
}
#animalInfo {
	border: 1px solid #999;
	background-color: #EEE;
	padding: 5px;
}

/* Mise en forme des accordéons */
#accordion .ui-widget-content {
	background: none;
	border: none;
}
#accordion .ui-accordion-content {
	padding: 0em 0em; 
}
#accordion .ui-state-active .ui-icon {
	background-image: url(images/ui-icons_da532c_256x240.png);
}
#acc-results .ui-widget-content {
	background: none;
	border: none;
}
#acc-results .ui-accordion-content {
	padding: 0em 0em; 
}
#acc-results .ui-state-active .ui-icon {
	background-image: url(images/ui-icons_da532c_256x240.png);
}

/* Mise en forme des onglets (version 'minimaliste') */
a:focus {
	outline: thin dotted;
}
.ui-tabs-panel p {
	margin-top: 0em;
}
#tabs-min {
	background: transparent;
	border: none;
}
#tabs-min .ui-widget-header {
	background: transparent;
	border: none;
	border-bottom: 1px solid #c0c0c0;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}
#tabs-min .ui-tabs-nav .ui-state-disabled {
	%display: none; %Alternative à l'utilisation de la fonction jquery .hide()
}
#tabs-min .ui-tabs-nav .ui-state-default {
	background: transparent;
	border: none;
}
#tabs-min .ui-tabs-nav .ui-state-active {
	background: transparent url(images/ui-TabsArrow.png) no-repeat bottom center;
	border: none;
}
#tabs-min .ui-tabs-nav .ui-state-default a {
	color: #c0c0c0;
}
#tabs-min .ui-tabs-nav .ui-state-active a {
	color: #459e00;
}
#tabs-min .ui-tabs-nav .ui-state-active .ui-icon {
	background-image: url(images/ui-icons_8DC262_256x240.png);
	}		
#tabs-min .ui-tabs-nav {
	height: 2.35em;
	text-align: center;
}
#tabs-min .ui-tabs-nav li {
	display: inline-block;
	float: none;
}
#tabs-min .ui-tabs-nav .ui-icon {
	display: inline-block;
}

/* Mise en forme de la validation des réponses */
.help-block {
	display: inline;
	padding-left: 6px;
	font-size: 85%;
}
span.form-error.help-block {
	display: block;
	color: #b94a48;
	margin-top: 4px;
	padding-left: 0;
}
div.form-error { /* Revoir l'utilité de div.form-error */
	padding: 6px 12px;
	line-height: 180%;
	background: #ffe5ed;
	border-radius: 4px;
	margin-bottom: 22px;
	color: darkred;
}
input.valid {
	background: url(../images/validation_ok.png) no-repeat right center;
	border-style: solid;
	border-width: 1px;
	border-color: #468847 !important;
	padding: 2px;
	color: #002f00;
}
input.error {
	background: url(../images/validation_fail.png) no-repeat right center;
	border-style: dotted;	
	border-width: 1px;
	border-color: #b94a48 !important;
	padding: 4px;
	color: #b94a48;
	font-weight: bold;
}
.form-suggest-element {
	padding: 4px;
}
.max-chars {
	background: #EEE;
	color: #999;
}
.form-help {
	padding-left: 6px;
	font-size: 90%;
	color: #888;
}