input[type=text], textarea {
	background-color: #ffffec;
	border-left: #c7c7c7 solid 1px;
	border-bottom: #c7c7c7 solid 1px;
}

select:focus, input:focus, textarea:focus {
	outline: red dotted 1px;
}

/* Messages at the top of each node, as implemented by this module. */
#node_message {
  background: #FEFFE8;
  border: solid 1px #FFF560;
  color: #3E3A8A;
  font-style: italic;
  margin: 1em;
  margin-left: 4em;
  margin-right: 4em;
  padding: 0.5em;
}

/* codefilter */

pre, code, div.codeblock {
  background-color: #EEE;
  font-family:"Bitstream Vera Sans Mono",Monaco,"Lucida Console",monospace;
  font-size:0.9em;
	display:inline-block;
}

pre, div.codeblock {
  border: solid 1px #818181;
  padding: 5px;
}

/* blockquote */

blockquote {
	font: 12px/14px italic Times, serif;
	background-color: #FAF7EB;
	border-top: 2px solid #e1cc89;
	border-bottom: 1px solid #e1cc89;
	margin: 0.5em 1em;
	background-image: url(images/openquote.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: 23px;
}

/* Figures and images */

figure {
	border-bottom: 1px #DCDCDC solid;
}

figcaption {
	display:inline-block;
	color: #A0A0A0;
	font-style: italic;
}

figure.left  figcaption,
figure.right figcaption {
	font-size: 70%;
}

img.left , img.right {
	border: 1px #ddd solid;
	padding: 1em;
	margin: 1em;
}

img.block {
	display: inline-block;
}

.left img, .right img {
	width: 100%;
}

.left {
	float: left;
	margin-right: 2em;
	width: 50%;
}

.right {
	float: right;
	margin-left: 2em;
	width: 50%;
}

.figure {
	background-color: #F2F2F2;
	margin: 0;
	max-width: 50%;
}

.center, .center img {
	text-align: center;
	margin: auto;
	width: 90%;
}

.figure .caption {
	font-size: 80%;
	font-family: Verdana, Arial, sans-serif;
	text-align: center;
}

img.scaled {
	max-width: 100%;
	height: auto;
}

.width-20 { width: 20% !important;}
.width-25 { width: 25% !important;}
.width-30 { width: 30% !important;}
.width-35 { width: 35% !important;}
.width-40 { width: 40% !important;}
.width-45 { width: 45% !important;}

.size-1  {width:  5em !important;}
.size-2  {width: 10em !important;}
.size-3  {width: 15em !important;}
.size-4  {width: 20em !important;}
.size-5  {width: 25em !important;}
.size-6  {width: 30em !important;}
.size-7  {width: 35em !important;}
.size-8  {width: 40em !important;}
.size-9  {width: 45em !important;}
.size-10 {width: 50em !important;}
.size-11 {width: 55em !important;}
.size-12 {width: 60em !important;}


/* My classes definition above (.right and .left) mess with the admin panel at /admin.
   So, restoring the previous values. */
div.admin div.left {
	float: left;
	margin-right: 0;
	margin-left: 1em;
	width: 47%;
}

div.admin div.right {
	margin-left: 0;
}

/* form elements */

div.form-item.disabled, div.form-item.disabled label.option {
	color: #A9B1B2;
}

textarea {
	font-family: monospace;
}

.form-checkboxes .tag-list, .form-radios .tag-list {
	display: inline-block;
}

#create-new-tag {
	position: absolute;
	background-color: #D8D8D8;
	border: solid 2px #818181;
	padding: 2em;
	z-index: 10;
}
#do-create-new-tag {
	padding: 0 1em;
	margin: 1em;
	border: solid 2px #62BF6E;
	background-color: #83FF94;
}
#do-create-new-tag:hover {
	border: solid 2px red;
}
#cancel-create-new-tag {
	padding: 0 1em;
	margin: 1em;
	border: solid 2px #FF2D1E;
	background-color: #FF786E;
}
#cancel-create-new-tag:hover {
	background-color: #B2C3B4;
	border: solid 2px #818181;
}

/* Fix D6 FAPI css.
   See http://drupal.stackexchange.com/questions/8741/form-set-error-checkbox-cck-2-drupal-6.
*/
.form-item input[type="checkbox"].error{ outline: 2px solid red; }
.form-item input[type="radio"].error{ outline: 2px solid red; }

/* Tagging and evaluating candidates positions.
e.g. http://lesenjeux.fr/wiki/2017_defiscalisation_du_travail_et_transfert_de_fiscalite
*/
table.evaluation {
	border-spacing: 2px;
	border-collapse: separate;
}

table.evaluation td {
	text-align: center;
}

h3.evaluation.enjeu, h3.evaluation.issue {
	text-align: center;
	border-bottom: 2px solid gray;
}

.evaluation .enjeu, .evaluation.enjeu, .evaluation .issue, .evaluation.issue {
	padding: 0.5em;
	margin: 0.5em;
	margin-left: 0;
	font-weight: normal;
	font-size: 90%;
	background-color: #93C4FF;
	color: black;
	clear: both;
	border-right: 2px solid #7FABDD;
	border-bottom: 2px solid #7FABDD;
}

span.evaluation {
	padding: 0.3em 1em;
	margin: 0.3em 1em 0.3em 0;
	font-weight: bold;
	font-size: 90%;
	float: left;
	max-width: 30%;
}

.evaluation .mauvais, .evaluation.mauvais, .evaluation .bad, .evaluation.bad {
	background-color: #FF8787;
	border-right: 2px solid #DD7575;
	border-bottom: 2px solid #DD7575;
}
.evaluation .insuffisant, .evaluation.insuffisant, .evaluation .insuficient, .evaluation.insuficient {
	background-color: #FFBA5A;
	border-right: 2px solid #DDA14E;
	border-bottom: 2px solid #DDA14E;
}
.evaluation .passable, .evaluation.passable, .evaluation .average, .evaluation.average {
	background-color: #FFF474;
	border-right: 2px solid #DDD364;
	border-bottom: 2px solid #DDD364;
}
.evaluation .bien, .evaluation.bien, .evaluation .good, .evaluation.good {
	background-color: #7EDD58;
	border-right: 2px solid #73C84F;
	border-bottom: 2px solid #73C84F;
}
.evaluation .inconnu, .evaluation.inconnu, .evaluation .unknown, .evaluation.unknown {
	background-color: #B9B9B9;
	border-right: 2px solid #A0A0A0;
	border-bottom: 2px solid #A0A0A0;
}

/* Semantic emphasis */
strong.positive {
	color: #35B300;
}
strong.negative {
	color: #FF4B4B;
}
strong.attention {
	color: #E08C25;
}
strong.example {
	color: #C74CFF;
}
strong.topic {
	color: #2260FF;
}
strong.test {
	color: #4B9FFF;
}

/* Clear float */
.clear {
	clear: both;
}