/*
** BODY
*/
body 
{	
	margin: 0px; 
	padding: 0px; 
	text-align: left; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12px; color: #000000; font-weight: normal ;
	background-color : #EEEEEE;
}

/*
**
** DESIGN ====================================================================================================
**
*/

#bgconteneur	{ margin: 0 auto; text-align: center; }
#conteneur		{ position: relative; width: 1000px; margin: 0 auto; text-align: left; }

#content		{ background-color: #FFFFFF; padding: 10px; padding-bottom: 10px;  }
#footer			{ text-align: center; padding: 5px; } 

#header			{  }

/*
** DIV
*/
div {
	margin: 0px; 
	padding: 0px; 
}

/*
** p
*/
p {
	margin: 0px; 
	padding: 0px;  
}

/*
** A
*/
a:link     		{ text-decoration: none }
a:visited  		{ text-decoration: none }
a:active   		{ text-decoration: none }
a:hover    		{ text-decoration: underline }

a.footer:link     { font-size: 11px; color: #AAAAAA; font-weight: normal; text-decoration: none }
a.footer:visited  { font-size: 11px; color: #AAAAAA; font-weight: normal; text-decoration: none }
a.footer:active   { font-size: 11px; color: #AAAAAA; font-weight: normal; text-decoration: none }
a.footer:hover    { font-size: 11px; color: #AAAAAA; font-weight: normal; text-decoration: underline }



.formulary-field		{ border :1px solid white; }
.formulary-field-hover	{ border :1px dashed #C3C3C3; cursor: move; background-color: #DAF1F9; }

.formulary-field-container	{ padding:5px; display: none; }
.formulary-field-inner-container 	{  }
.formulary-field-title	{ padding-bottom:5px;  }
.formulary-field-required	{ font-weight: bold ;  }
.formulary-field-required-star	{ color:red; }
.formulary-field-readonly-title	{ font-size: 18px; }
.formulary-field-readonly-comment	{  }


.formulary-field-container-hover { background-color: #DAF1F9 ; }

/*.formulary-field-inner-container div { float: left; width : 30%; }*/  /* UTILE POUR FAIRE 1/2/3 colonnes */
.formulary-field-inner-container-end	{ clear: both; margin-bottom: 10px;}

.formulary-field-display-1-column div 	{ }
.formulary-field-display-2-column div 	{ float: left; width : 48%; }
.formulary-field-display-3-column div 	{ float: left; width : 32%; }
.formulary-field-display-align div 		{ float: left;  }
.formulary-field-display-hidden			{ display: none; }
.formulary-field-readonly-complement-parent { border:none !important; }
.formulary-field-readonly-complement	 	{ border:none !important; }

.formulary-field-inner-container-help	{ color: #999999; background-image: url(/crm-1/custom/img/formulary/_img_help.png); background-position: left; background-repeat: no-repeat; padding: 5px 20px; }

.formulary-field-highlight {
	border: 1px solid #fed22f; 
	background: #ffe45c url(/crm-1/custom/img/event/jquery-theme/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; 
	color: #363636; 
	height: 50px; 
	line-height: 40px; 
}
	
.formulary-field-active { 
	border: 1px solid #fbd850; 
	background: #ffffff url(/crm-1/custom/img/event/jquery-theme/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; 
	font-weight: bold; 
	color: #eb8f00; 
	outline: none; 
}


.formulary-field-container input[type=text] { width: 300px; }
.formulary-field-container select { width: 300px; }
.formulary-field-container textarea { width: 500px; height: 150px; }
.formulary-field-container input.formulary-field-other-text { width: 150px; }


/*
** UL
*/
ul.error 		{ position: relative; padding-top : 0px; margin-top: 0px; }

/*
** LI
*/
li				{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: normal }
li.error		{ font-size: 11px; color: #A12020; font-weight: normal }

div.error		{ padding: 3px; background-color: #FFCCCB; border: 1px solid #B40326; }
div.errorMessage	{ color: #FF0000; font-weight: bold; }
span.errorMessage	{ color: #A12020; font-weight: bold; }

/*
** HR
*/
hr	{ height: 1px; color: #999999; background-color: #999999; border: none; }

/*
** Porgress BAR
*/

.progressBar { 
  background-color: #8D8D8D;
  border-radius: 9px; /* (height of inner div) / 2 + padding */
  padding: 1px;
  width: 200px;
  height: 15px;
  display: none;
}

.progressBar div.libelle { position:relative; color: #FFFFFF; text-align:center; top:-15px; left:5px; }

.progressBar div.bar {
   background-color: #FE8F00;
   width: 0%; /* Adjust with JavaScript */
   height: 15px;
   border-radius: 10px;
}

/*
.progressBar div.start {
   background-color: #FB5400;
}

.progressBar div.running {
   background-color: #FE8F00;
}

.progressBar div.finished {
   background-color: #25F547;
}
*/