.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#ErrorExplanation {
  border: 2px solid Red;
  padding: 0.3@em;
  margin-bottom: 1.5em;
  background-color: #f0f0f0;
  text-align: center;
  font-weight: bold;
  color: Red;
}

.errormessage {
  border: 2px solid Red;
  padding: 0.3@em;
  margin-bottom: 1.5em;
  background-color: #f0f0f0;
  text-align: center;
  font-weight: bold;
  color: Red;
}


#ErrorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#ErrorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#ErrorExplanation ul li {
  font-size: 12px;
  list-style: square;
}
#detail_propositions, #proposition_entry {
	min-width: 200px;
}
#flecheform {
	width: 2em;
	height: 2em;
	vertical-align: top;
}
.warning {
  color: red;
}
.version {
  float: left;
}

body {
  text-align: left;
}


.yui3-form-field label {
  float:left;
  width:30%;
}

.yui3-form-field {
  padding-top: 4px;
  padding-bottom: 4px;
  border-width: 1px 0 0 0 ;
	border-style: dotted;
  
}
.yui3-hidden-field {
  display:none;
  border-style: none;
}
.yui3-button{
  display: inline-block;
}

body {
	margin: 3em 0 0;
}
body, p, ol, ul, td, th, select, textarea, input, button {
	font: 11px "Trebuchet MS", helvetica, verdana, arial, sans-serif;
}
form {
	/*line-height: 3.5em;*/
}
input:focus, textarea:focus {
	border: 1px solid #69C;
}
input, select, textarea, button {
	border: 1px solid #036;
}
form a, .button_style a {
	text-decoration: none;
	padding: 1px 8px;
	cursor: default;
}
a:hover {
	color: Red;
}
label {
	color: #036;
	text-transform: capitalize;
	line-height: 20px;
}
hr {
	color: #69F;
	background-color: #69F;
	height: 1px;
	border: 0;
}
H2, H3 {
    color : #036;
    margin: 5px 0;
    font-style: italic;
    border-bottom: 1px solid #036;
    font-variant: small-caps;
}
h2:before, h3:before { content: " > ";}

h2 {padding-top: 10px; background: #cfeeff; }
H3 {
	padding-left: 20px;
	border-bottom-style: dotted;
}
ul {
	margin-left: 25px;
	list-style: square;
}
li  .detail_name {
	font-size: 14px;
}
li .detail_actions {
	font-size: 10px;
}
caption { border: 1px solid #036;}
table {
	border: 1px solid #036;
	border-collapse: collapse;
	margin: 3px 0;
	padding: 5px;
	width: 100%;
}
td, th {
	margin: 5px;
	padding: 5px;
	border-width: 1px 0;
	border-style: dotted;
	border-color: #036;
	vertical-align: top;
}

thead th {
	color: #FFF;
	background: #9CF url(../images/bckg/thead.png) repeat-x top;
	padding-top: 7px;
	font-size: 12px;
	text-transform: capitalize;
	text-align: left;
	font-weight: bold;
}
thead th a {
	color: #FFF;
}
#hd a {
	margin: 0px 5px;
	color: #333;
	text-decoration: none;
}
#hd a:hover {
	color: #000;
}
#menu a {
	font-weight: bold;
	color:#FFF;
	text-decoration: none;
}
#menu a:hover {
	color: #369;
}
#menu img {
	vertical-align: middle;
}
#menu .headmenu {
	text-align: center;
	font-size: 14px;
}
@media print {
	#menu, #hd {
		display: none;
	}
}
@media screen {
	#menu, #hd {
		display: block;
	}
}
.activeDB table, .inactiveDB table{
	width:100%;
}
.inactiveDB tbody {
  display: none;
}
#addition_form_div, .tool_in_page {
	border: 2px dotted Brown;
	background-color: rgb(232,240,255);
	margin: 0.5em auto; 
	padding: 5px;
	width: 90%;
}
.unchecked_form_value, .unfiltered {
	border-color: Red;
}
.checked_form_value, .filtered {
	border-color: #036;
}
.entities_list tr:hover, .related_entities_list tr:hover, .list_table tr:hover {
	background: #369 url(../images/bckg/td.png) repeat-x top;
	color: #FFF;
}
.entities_list tr:hover a, .related_entities_list tr:hover a, .list_table tr:hover a  {
	color: #FFF;
}
#footer {
	clear: both;
}
.hidden {
  display: none;
}
.navigation_links {
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	line-height: 2.5em;
	color: #036;
}
.navigation_link {
	color: Red;
}
/* a faire */
.valid_form_value {
	background: #FFF;
}

.invalid_form_value {
	border: 1px solid #000;
	background: Red;
	color: White;
}   

.unchecked_form_value {
	border: 1px solid Red;
}

.big_warning {
	display: block;
	width: 100%;
	background: red;
	color: yellow;
	padding: 5px;
	font-size: larger;
	font-weight: bold;
}
div.help {
  /*coupd de bol, j'aime bien cette couleur! */
	background: #9F3 url(../images/bckg/help.png) repeat-x top;
	padding: 7px 5px 5px;
}


div.help span.title {
	display: block;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
}
.detail_name {
  font-size : 16px;
  font-weight: bold;
}

.data_cell {
  font-size : 12px;
  font-weight: bold;
}