/**
 ** Bertrand BENOIT personal pages css2.1 file.
 **
 ** theme: hightech
 ** author: Bertrand BENOIT
 ** email:	bertrand@bertrand-benoit.net
 **
 ** css2.1 valid.
 **/

/********************** general definition **********************/

html {
 font-size: 100%;
  background-color: #909090;
}

/** Body definition. */
body
{
  color: #000000;
  text-align: center;
  padding: 0em;
  margin: 0.5em auto 0.5em auto;
  width: 800px;
  font-family: Utopia, Arial, "Times New Roman", sans-serif;
  font-size: 0.75em;
  text-align: left;
}

/********************** Panel part definition **********************/
#titlePanel, #leftPanel, #rightPanel, #footerPanel, #middlePanel {
  background-color: #f2ebda;
  border: 1px solid #7f7763;
  padding: 0.5em;
}

#leftPanel, #rightPanel, #middlePanel {
  min-height: 515px;
  margin-bottom: 0.25em;
}

#leftPanel, #rightPanel {
  width: 10em;
  max-height: 585px;
}

#searchform, #selectionThemeForm {
  max-width: 10em;
}

#searchInput {
  max-width: 5em;
}

#selectUpdateTheme {
  max-width: 6em;
}

#leftPanel {
  float: left;
  margin-right: 0.25em;
}

#rightPanel {
  float: right;
  text-align: center;
  margin-left: 0.25em;
}

#middlePanel {
/*  overflow: scroll !important;*/
/*  max-height: 48em;
  overflow: auto;*/
  overflow: hidden;
}


/** works more info "block". */
div.worksMoreInfo {
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}

/** Footer part definition. */
#footerPanel
{
  clear: both;
  width: 66em;
  margin: auto;
}

div.rightPartSeparation
{
  height: 1.5em;
}

/********************** Header part definition **********************/
#header_part {
  text-align: center;
}

#header_title_part {
}

#header_title {

}

#flags {
  text-align: center;
  margin: 0.5em 0 0 0;
  letter-spacing: 0.5em;
}

#menu {
  margin: 0em 0em 1em 0em;
  font-family: Arial;
}

#header_right_part {
/* width: 15%;
 float: left;*/
}


/** Counter part definition. */
#counterPart {
  text-align: center;
}

#counterTextPart {
  text-align: center;
}

/* Counter's text style definition. */
.counter_text
{
  letter-spacing: 0.3em;
}

#myCompanyLink a
{
  text-decoration: none;
}

.myCompanyText
{
  text-align: left;
  font-size: 0.9em;
}

.myCompanyFreeQuoteText
{
  color: #d57c02;
  font-size: 0.9em;
  text-transform: uppercase;
}

/********************** Navigation bar definition **********************/
/** Navigation Bar TOP part definition. */
#navigationBarPartTop
{
 background: #66CCCC;
}

/** Navigation Bar BOTTOM part definition. */
#navigationBarPartBottom
{
}

/********************** Title part definition **********************/

/** Title part definition. */
#pageTitle
{
	background-color: #cfc7b3;
	color: #000000;
	padding-right: 0.5em;
	border-right: 2px #a19986 solid;
	border-bottom: 1px #a19986 solid;
	font-weight: normal;
	font-style: italic;
	text-align: center;
	font-size: 1.1em;
	padding: 0.5em;
	margin-bottom: 1em;
}

div.category
{
	background-color: #cfc7b3;
	color: #000000;
	padding-right: 0.5em;
	border-right: 2px #a19986 solid;
	border-bottom: 1px #a19986 solid;
	font-weight: bold;
	text-align: right;
  	font-family: serif;
	font-size: 1em;
	margin-bottom: 0.2em;
}

/********************** Footer part definition **********************/

/** Footer part definition. */
#footerFirstPart
{
	border: 0px;
	text-align: center;
  	vertical-align: middle;
	padding: 0px;
	border-spacing: 0px;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
}

#footerVersionPart {
  float: left;
  margin-left: 10px;
  text-align: center;
}

#footerCopyrightPart {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  text-align: center;
}

/** Sigles part definition. */
#footerSiglesPart
{
	border: 0px;
}

/** "one"-Sigle part defnition. */
div.footerSigle
{
	display: inline;
}

/********************** Various core definition **********************/

.searchButton
{
  max-width: 6em;
  margin-top: 0.2em;
  text-align: center;
  padding: 0em;
}

/** Various div used to present information. */
div.halfDivLeftRightAligned, div.halfDivRightLeftAligned, div.halfDivLeftCentered
{
	border: 0em solid;
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
}

div.halfDivLeftRightAligned
{
	width: 12em;
	float: left;
	text-align: right;
}

div.halfDivRightLeftAligned
{
	width: 24em;
	float: right;
	text-align: left;
}

div.halfDivLeftCentered
{
	float: left;
	text-align: center;
}

/** The bottom block. */
div#blockBottom
{
  margin-top: 2em;
  margin-bottom: 1em;
  clear: both;
}

/** Bottom block div common definition. */
div#moveToPageTop, div#moveToContents
{
	text-align: center;
	border: 0px;
	vertical-align: middle;
	width: 20%;
	margin-left: 25%;
}

/** The "move to top" div. */
div#moveToPageTop
{
	float: left;
  display: inline;
}

/** The "move to contents" div. */
div#moveToContents
{
	margin-left: 55%;
}

/** Work sub part. */
div.workSubPart
{
	border: 0px solid;
	display: inline;
	padding-left: 1.2em;
	padding-right: 1.2em;
}

/** Administration page(s). */
div#adminLinkPart
{
  margin-bottom: 1em;
}

span.adminLink
{
	border: 0px;
	text-align: center;
	margin: 1.15em;
}

div.blogPost
{
  text-align: left;
}

div.blogPostSummary
{
  margin-left: 1em;
  font-size: 1em;
}

/********************** General definition **********************/

/* General font families for common tags */
p
{
	text-align: center;
  font-size: 1em;
}

/** Table headers definition. */
th
{
	vertical-align: middle;
	text-align: center;
	color: #DAE5EF;
	background-color: #cfc7b3;
  font-size: 1.1em;
	font-weight : bold;
	height: 25px;
}

/** General definition for table's td part. */
td
{
	vertical-align: middle;
	text-align: center;
}

/** General definition for table's td part. */
tr
{
	vertical-align: middle;
}


/** General definition for Titles. */
h1
{
	background-color: #E7A800;
	font-weight: bold;
  font-size: 1.2em;
	text-decoration: none;
	line-height : 120%;
}

/** Acronym. */
acronym
{
	cursor: help;
	border-bottom:dotted 1px black;
}

/********************** Page core specific definition **********************/

/** Default table definition. */
table
{
   	vertical-align: middle;
	border: 0px;
	padding: 0px;
	border-spacing: 0px;
	margin-left: auto;
	margin-right: auto;
}

/** Abilitie's part definition. */
table.adminTable
{
	border-spacing: 0.2em;
}

/** Abilitie's part definition. */
table.abilitiesTable
{
	border-spacing: 3px;
	width: 90%;
}

/** Abilitie's subpart definition. */
table.abilitiesTableSubPart
{
	border-spacing: 0px;
	width: 85%;
	clear: both;
}

/********************** Plan elements definition **********************/
/** The full plan div. */
div.histogramAndLegend
{
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}

/** The plan histogram part div. */
div.histogram
{
	float: left;
}

/** The plan legend part div. */
div.legend
{

}

/** plan (with colored bars) table Part. */
table.histogramTablePart
{
	background-image: url('../images/coloredBars/planGrid.png');
	border: 0px;
	border-spacing: 0px;
}

table.histogramTableSubPart
{
  margin-left: 0px;
}

table.histogramTableSubPart td
{
	padding: 0px;
}

td.coloredBarTd
{
	text-align: left;
	letter-spacing: -3px;
}

/** plan legend table Part. */
table.legendPart
{
   	vertical-align: middle;
	border: 0px;
	padding: 0px;
	border-spacing: 0px;
	margin-left: auto;
	margin-right: auto;
}

/********************** Contents definition **********************/
/** Contents opened part div. */
div.opened
{
	color: #440044;
	text-decoration: none
}

/** Contents closed part div. */
div.closed
{
	color: #440044;
	text-decoration: underline
}

/********************** Image's style definition **********************/

img
{
  border: 0px;
}

/* Simple centered's image. */
img.imageCentered
{
	vertical-align: middle;
	border: 0px;
}

/* Used for footer's sigle. */
img.sigle
{
	vertical-align: middle;
	border: 0px;
	width: 56px;
}

/* Used for contact's image information. */
img.contactImage
{
	vertical-align: middle;
	border: 0px;
	max-height : 20px;
	max-width : 88px;
}

/** Plan colored bar image. */
img.planBarImage
{
	border: 0px;
}

/********************** UL/LI definition **********************/

/** Used into abilities, site version ... */
ul {
   border: 0px solid;
   margin: 0px;
   padding: 0px;
}

li {
  list-style: none;
  color: #EAD5DE;
}

li.liAsChecked {
  list-style: square;
  color: #9999cc;
  margin-left: 4.5em;
}

li.mainMenu, li.mainMenu a, li.mainMenu a:visited {
	background-color: #a19986;
	color: #333333;
	font-weight: bold;
  font-size: 1.1em;
	text-decoration: none;
}

li.mainMenu a:hover {
	color: #6f6753;
}

li.subMenu, li.subMenu a, li.subMenu a:visited {
	background-color: #cfc7b3;
	color: #6f6753;
  font-size: 1.05em;
	text-decoration: none;
	margin-left: 0.2em;
}

li.subMenu a:hover {
	color: #c57b02;
}

li.menuItem, li.menuItem a, li.menuItem a:visited {
  font-size: 0.95em;
	text-decoration: none;
	margin-left: 0.5em;
	margin-bottom: 0.25em;
	color: #221b0a;
}

li.menuItem a:hover {
	text-decoration: underline;
}


/********************** BR's substitute definition **********************/
div.blankLine
{
	height: 10px;
}

/********************** Paragraph style definition **********************/

/** Centred paragraph */
p.center
{
	text-align: center;
}

p.justify
{
	text-align: justify;
}

/********************** Texts 's style definition **********************/
/* No decoration's style definition. */
.noDecoration, a.noDecoration, a.noDecoration:link, a.noDecoration:visited, a.noDecoration:active, a.noDecoration:focus, a.noDecoration:hover
{
	text-decoration: none;
}

.underlined
{
	text-decoration: underline;
}

/* Plan (with colored bars). */
.histogramHeaderText, .histogramHeaderMonthText
{
  font-size: 0.84em;
  font-family: monospace, sans-serif;
	color: #440044;
	letter-spacing: 0em;
}

/* Plan (with colored bars). */
.histogramHeaderMonthText
{
	letter-spacing: 0.4em;
}

/* Nano text (used for [dot], and [at] for instance). */
.nanoText
{
	color: #440044;
  font-size: 0.8em;
	font-style: italic;
	letter-spacing: 0px;
	margin-left: 0.5em;
	margin-right: 0.5em;
}

/* Tiny text (very, very small). */
.tinyText
{
	color: #333399;
  font-size: 1em;
	color: #440044;
}

/* Small text. */
.smallText
{
  font-size: 0.8em;
	color: #440044;
	letter-spacing: 1px;
}


/* Title part's text. */
.titleText
{
	color: #F44FF4;
	font-weight: normal;
	font-style: italic;
	text-align: left;
}

/* Copyright and bottom info. */
.copyright
{
  font-size: 0.8em;
	color: #444444;
	letter-spacing: 1px;
}

a.copyright
{
	color: #444444;
	text-decoration: underline;
}

a.copyright:hover
{
	color: #000000;
	text-decoration: underline;
}

/* Last block's bottom links. */
.bottom_link
{
	color: #FFE081;
  font-size: 0.9em;
	font-weight: normal;
	text-decoration: none;
}

a.bottom_link:link,a.bottom_link:active,a.bottom_link:visited
{
	color : #0F0EFF;
	text-decoration: underline;
}

a.bottom_link:hover
{
	color : #000EAF;
	text-decoration: underline;
}

/* Common text definition. */
.commonText
{
	color: #221b0a;
  font-size: 1.1em;
	font-weight: normal;
	letter-spacing: 1px;
	text-decoration: none;
}

/* Style used for list/description. */
.generalTextTitle
{
	color: #ff6633;
	padding-right: 0.5em;
  font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	border-right: 2px #ffcccc solid;
	border-bottom: 1px #ffcccc solid;
}

.generalTextDescription
{
	color: #000000;
  font-size: 1em;
	font-weight: normal;
	letter-spacing: 0.01em;
	text-decoration: none;
	margin-left: 2em;
}

/* General link's style definition. */
.generalLink, a.generalLink, a.generalLink:link, a.generalLink:visited
{
	color: #d57c02;
  font-size: 1em;
	font-weight: normal;
	text-decoration: none;
}

a.generalLink:active, a.generalLink:focus, a.generalLink:hover
{
	text-decoration: underline;
}

/* Email link's style definition. */
.email
{
	color : #000000;
  font-size: 1em;
}

a.email, a.email:link
{
	color : #444444;
	text-decoration: none;
}

a.email:visited
{
	color : #445544;
	text-decoration: underline;
}

a.email:active, a.email:focus, a.email:hover
{
	color : #000000;
	text-decoration: underline;
}

/* Email link's style definition. */
.siteLink, a.siteLink, a.siteLink:link, a.siteLink:visited
{
	color : #d57c02;
  font-size: 1.0em;
	text-decoration: none;
}

a.siteLink:active, a.siteLink:focus, a.siteLink:hover
{
	text-decoration: underline;
}

/* Image link's style definition. */
.imageLink
{
  color : #444444;
  font-size: 1.0em;
}

a.imageLink, a.imageLink:link, a.imageLink:visited, a.imageLink:active, a.imageLink:focus, a.imageLink:hover
{
	color : #444444;
	text-decoration: none;
}

/* Table's head's text/title style definition. */
.tableHeadTitle
{
	color: #444444;
  font-size: 1.0em;
	letter-spacing: 1px;
}

/* soft Text style definition. */
.softText
{
	color: #000000;
  font-size: 0.9em;
	letter-spacing: 2px;
}

.workTitle
{
	color: #D05F00;
  font-size: 1.2em;
	font-weight: normal;
	text-decoration: none
}

   /* reference's styles definition. */
.reference_other, .reference_titre, .reference_auteur, .reference_lieu, .reference_info_sup, .reference_date, .reference_lien_auteur
{
  font-size: 1.0em;
	font-weight: normal;
	text-decoration: none;
}

.reference_other
{
	color: #444444;
	font-style: italic;
}

.reference_titre
{
	color: #FC0F33;
	letter-spacing: 2px;
}

.reference_auteur
{
	color: #F60FFF;
	letter-spacing: 1px;
}

.reference_lieu
{
	color: #F90F99;
	letter-spacing: 1px;
}

.reference_info_sup
{
	color: #FFE081;
	letter-spacing: 1px;
}

.reference_date
{
	color: #660066;
	letter-spacing: 1px;
}

.reference_lien_auteur
{
	color: #F60FFF;
	font-style: italic;
	letter-spacing: 1px;
}

a.reference_lien_auteur:link,a.reference_lien_auteur:active,a.reference_lien_auteur:visited
{
	color : #F60FFF;
	text-decoration: none;
}

a.reference_lien_auteur:hover
{
	color : #C60CCC;
	text-decoration: none;
}

/* problem Text style definition. */
.problemText
{
  font-size: 0.8em;
	color: #FF4444;
	letter-spacing: 1px;
}

.problemTextTitle
{
  font-size: 1.1em;
	border: 1px solid;
	color: #FF4444;
	letter-spacing: 1px;
}

.problemTextTiny
{
  font-size: 0.7em;
	color: #FFF4F4;
	letter-spacing: 1px;
}

/* Default link's style definition. */
a, a:link
{
	color : #444444;
	text-decoration: underline;
}

a:visited
{
	color : #445544;
	text-decoration: underline;
}

a:active, a:focus, a:hover
{
	color : #000000;
	text-decoration: underline;
}