/*lien pou ouvrir dialog box formulaire contribution */
#ouverture_formulaire_reagir :before{
	float:left;
	content: url('../images/contribution.png');
	width:8px;
	margin: 0 5px 0 0;
	background-color:transparent;
 }

#ouverture_formulaire_reagir{
	float:left;
	/*margin: 15px 0 0 15px;
    padding-left: 17px;*/
	/* background-color:blue;*/
	height:19px;
	background-color:#3972b7;
	background-repeat:no-repeat;
	/*height: 2em; /* VB : passage de 100em à 2em pour ne pas casser le style de la fiche */
	margin: 15px 0 20px 10px;
 }
 
#ouverture_formulaire_reagir a:link, #ouverture_formulaire_reagir a:visited{
 	color:white;
	/*font-family: verdana;*/
    font-weight: bold;
    font-size:small;
 	text-decoration:none;
    /*background: url('../../images/contribution.png') no-repeat top;*/
    margin-top: 15px;
    padding-right: 18px;
 	}

.needed{
    color: red;
    font-size: 0.8em;
}

.mandatoryFieldsInfo{
  /*  background: url("images/ui-bg_glass_55_fbf9ee_1x400.png") repeat-x scroll 50% 50% #FBF9EE;*/
    background: url("../images/exclamation.png") no-repeat scroll 15px 50% #FFF6BF;
    border: 2px solid #FCEFA1;
    color: #363636;
    border-radius: 4px 4px 4px 4px;
    font-size: 0.8em;
    padding-left : 4em;
    padding-top:1em;
    padding-bottom:1em;
    margin-top:0.5em;
}
.mandatoryFieldsInfo .icon{
    background: url("../images/exclamation.png") no-repeat scroll 15px 50% #FFF6BF;
}

#alertReactionForm{
	clear: both;
    float: left;
    margin-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    width: 480px;
}

#submitBlock{
	clear: both;
    /*float: left;*/
    margin-top: 10em;
    padding-left: 1em;
    padding-right: 1em;

}
#submitBlock input{
	float: right;
	width: 8em;
	margin-left: 0.5em;
	margin-right: 0.5em;
}

.errorReactionForm{
	border-color:red;

}

label.errorReactionForm  {
	color: red;
}

#reactionFormDialog {
    font-family: Arial;
	text-align: left;
	font-size: 0.9em;
}

/* Form Styling
----------------------------------*/
.inlineLabel{
	margin-top:0px;
	float:left;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Arial;
    font-size: 0.8em;
}

#reactionFormDialog fieldset {
	border: 0;
	margin: 0 0 1em 0;
/*	padding: 1em;*/
}
#reactionFormDialog *:first-child+html fieldset {
	margin: 0 0 2em 0;
}
#reactionFormDialog legend {
	padding: 0.1em 0.3em;
}
#reactionFormDialog *:first-child+html legend {
	margin: -1.5em 0 1em 0;
}
#reactionFormDialog label{
	display:block;
	font-size: 0.8em;
	margin-top: 0.5em;
	cursor: pointer;
}
#reactionFormDialog input {
/*	display:block;*/
	font-size: 0.8em;
}

#reactionFormDialog .text {
	margin: 0 0 1em 0;
	padding: 0.2em;
	width: 99%;
}

#reactionFormDialog input.radio {
	float: left;
	margin: 0.1em 1em 0 0;
}

#reactionFormDialog .pair {
	clear: both;
	margin: 0em 0;
	font-size:1em;
	display: inline;
}
#reactionFormDialog .pair label {
	margin: 0.2em 0;
}
#reactionFormDialog .pair input{
	margin: 0.1em 0.2em 0 0.1em;
}
#reactionFormDialog *:first-child+html .pair input,
*:first-child+html .pair input {
	margin: -0.05em 0.5em 0 0.1em;
}
#reactionFormDialog * html .pair input {
	margin: -0.07em 0.3em 0 -0;
}
#reactionFormDialog .submit {
	float: left;
	margin: 0.5em 1em;
	cursor: pointer;
}


/*Info and error boxes
----------------------------------*/
#reactionFormDialog .info {
	margin: 0 0 1em 0;
	padding: 0.2em 0.5em;
}
#reactionFormDialog .ui-formular-error li {
	font-size: 0.8em;
}

#reactionFormDialog .ui-formular-error{
	/*position: absolute;*/
	left: 22em;
	top: 5.3em;
	width: 40em;
}
