/* ====================================================================
 * styles for the formengine modules
 * -------------------------------------------------------------------- */

.formengine-mandatory {
	color:#ef8900;
	font-weight: bold;
	font-size: 120%;
}

p.formengine-mandatory-message {
	font-style: italic;
}

form.formengine-form {
	display: inline;
   margin: 0px;
   padding: 0px;
}

#formengine-form-summary fieldset {
	text-align: left;
   margin-bottom: 20px;
}

#formengine-form-summary ul {
	text-align: left;
   list-style-image: url(../images/local/skin/bullet.gif);
}

legend, legend.formengine-legend {
	font-size: 14px;
   font-weight: bold;
   color: #666666;
}


fieldset.formengine-fieldset {
	background:#ffffff;
   margin-top: 20px;
   margin-bottom: 20px;
   margin-right: 10px;
   margin-left: 10px;
   padding-bottom: 10px;
  width:50%;
  
    border: 1px solid #e0e0e0;
}
fieldset.formengine-fieldset-left {
	background:#ffffff;
	border: 1px solid #e0e0e0;
   margin-top: 20px;
   margin-bottom: 20px;
   margin-right: 10px;
   margin-left: 10px;
   padding-bottom: 10px;
   float:left;
   width:45%;
   display:inline;
}
fieldset.formengine-fieldset-center {
	background:#ffffff;
   margin-top: 20px;
   margin-bottom: 20px;
   margin-right: 0;
   padding-bottom: 10px;
   padding-left:15px;
  width:70%;
  
  border: 1px solid #e0e0e0;
  
}
#formengine-form-content .formengine-fieldset ul li label{
	width: 100%;
   float:none;
   text-align: left;
   margin: 0;
   padding:0;
}

#formengine-form-content .formengine-fieldset ul li input {
   text-align: left;
}

#formengine-form-content .formengine-fieldset span.formengine-field ul {
   list-style-type: none;
   padding: 0px;
   padding-left: 5px;
   margin-left: 50%;
   margin-right: 0px;
   margin-top:0px;
}

#formengine-form-content .formengine-fieldset span.formengine-field li {
   margin: 0px;
   padding: 0px;
}

select.formengine-select {
   font-size: 10px;
}

formengine-input {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
}

.formengine-submit {
   height: 17px;
   margin-left: 5px;
   margin-bottom: 5px;
   padding-top:1px;
   border:none;
   color:#666666;
   font-size:10px;
   background-color:#cccccc;
   cursor: pointer;
   cursor: hand;
   text-align: center ;
   border-radius : 9px; 
   -moz-border-radius: 9px;
}

div.formengine-element {
   margin-bottom: 10px;
   margin-top: 10px;
   clear: both;
}

div.formengine-buttons {
   clear: both;
   text-align: center;
   margin-bottom: 10px;
   margin-top: 10px;
}

div.formengine-steps {
   clear: both;
   text-align: center;
   height: 40px;
}

div.formengine-recapitulatif {
   font-size: 12px;
   font-weight: bold;
   padding-right: 10px;
   padding-left: 10px;
	padding-top: 0px;
   padding-bottom: 0px;
}

#align span.formengine-label {
	
	width:50%;
	
}



span.formengine-label {
	float: left ;
	
	text-align: right;
	padding-right: 5px;
}


span.formengine-additionnal-info {
	font-style: italic;
}

span.formengine-field {
	text-align: left ;
}

h1.formengine-form-title {
	font-size: 16px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EE9C00;
	margin-left: 0px;
	padding-left: 0px;
}

h1.formengine-title{
	font-size:15px;
	background:#F8F8F8;
	background-image: url(../images/local/skin/sous-titre1.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

/* style h2 caché */

h2.formengine-subform-title {
	font-size: 10px;
	font-weight: normal;
	display: none;
	padding-right: 10px;
	padding-left: 10px;
}

#formengine-form-button-delete {
	border: none;
	cursor: pointer;
	cursor: hand;
	display: inline;
	background-color: #859ECF;
	font-size: 10px;
	color: #FFFFFF;
}

#formengine-form-button-modify {
	border: none;
	cursor: pointer;
	cursor: hand;
	display: inline;
	background-color: #859ECF;
	font-size: 10px;
	color: #FFFFFF;
}

#formengine-menu {
	font-size: 12px;
	padding-bottom: 4px;
}

.formengine-menuactif {
	padding: 2px;
	color: #EE9C00;
	margin: 0px;
	font-weight: bold;
}

#formengine-menu ul {
	padding: 0px;
	margin: 0px;
}

#formengine-menu li {
	display: inline;
	padding-right: 5px;
	padding-left: 5px;
	margin: 0px;
}

#formengine-menu a {
	/*font-size: 12px;*/
	color: #260650;
	background-repeat: no-repeat;
	padding-left: 15px;
	margin-left: 5px;
}

table.formengine-table-steps {
	background-color: #FFFFFF;
	border-collapse: collapse;
   margin-bottom: 10px;
}


/* table cell */

table.formengine-table-steps td {
	background-color: #F8F8F8;
	color: #260650;
	font-size: 10px;
	vertical-align: middle;
	text-align: center;
}

/* table header, eg. : columns names */

table.formengine-table-steps th {
	background-color: #ef8900;
	color: #260650;
	font-size: 10px;
	vertical-align: middle;
	text-align: center;
}
/***/
 table.tableau-date
 {
 
 width:75%;
 margin-left:7em;
 }


div.commentaires
{
	
	float:left;
	margin-left:3em;
}
	
h3.form
{
    padding:7px 0 15px 35px;
    font-size:17px;
    font-weight:bold;
    text-align:left;
    background-image: url(../../../images/local/skin/fleche-titre-orange.png);
    background-repeat: no-repeat; 
	border-bottom: 2px dotted #C6C9C1;
	color: #ef8900;
	margin: 10px 0 0 0;	
}
.calendarbutton
{
	background-image:url(../../../images/local/skin/calendar/calendar.gif);
	
}
/**CALENDAR**/
#calendarDiv{
	position:absolute;
	width:220px;
	border:1px solid #317082;
	padding:1px;
	background-color: #FFF;
	font-family:arial;
	font-size:10px;
	padding-bottom:20px;
	visibility:hidden;
}
#calendarDiv span,#calendarDiv img{
	float:left;
}
#calendarDiv .selectBox,#calendarDiv .selectBoxOver{
	
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv .selectBoxTime,#calendarDiv .selectBoxTimeOver{	
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv td{
	padding:3px;
	margin:0px;
	font-size:10px;
}

#calendarDiv .selectBox{
	border:1px solid #E2EBED;		
	color: #E2EBED;
	position:relative;
}
#calendarDiv .selectBoxOver{
	border:1px solid #FFF;
	background-color: #317082;
	color: #FFF;
	position:relative;
}
#calendarDiv .selectBoxTime{
	border:1px solid #317082;		
	color: #317082;
	position:relative;
}
#calendarDiv .selectBoxTimeOver{
	border:1px solid #216072;	
	color: #216072;
	position:relative;
}

#calendarDiv .topBar{
	height:16px;
	padding:2px;
	background-color: #317082;


}
#calendarDiv .activeDay{	/* Active day in the calendar */
	color:#FF0000;
}
#calendarDiv .todaysDate{
	height:17px;
	line-height:17px;
	padding:2px;
	background-color: #E2EBED;
	text-align:center;
	position:absolute;
	bottom:0px;
	width:201px;
}
#calendarDiv .todaysDate div{
	float:left;
}
	
#calendarDiv .timeBar{
	height:17px;
	line-height:17px;
	background-color: #E2EBED;
	width:72px;
	color:#FFF;
	position:absolute;
	right:0px;
}

#calendarDiv .timeBar div{
	float:left;
	margin-right:1px;
}


#calendarDiv .monthYearPicker{
	background-color: #E2EBED;
	border:1px solid #AAAAAA;
	position:absolute;
	color: #317082;
	left:0px;
	top:15px;
	z-index:1000;
	display:none;

}
#calendarDiv #monthSelect{
	width:70px;
}
#calendarDiv .monthYearPicker div{
	float:none;
	clear:both;	
	padding:1px;
	margin:1px;	
	cursor:pointer;
}
#calendarDiv .monthYearActive{
	background-color:#317082;
	color: #E2EBED;
}

#calendarDiv td{
	text-align:right;
	cursor:pointer;
}

#calendarDiv .topBar img{
	cursor:pointer;
}
#calendarDiv .topBar div{
	float:left;
	margin-right:1px;
}	
.formengine-field img
{
	vertical-align:bottom;
}