html {font-size: 100%;}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
}

#conteneur {
	position: absolute;
	width: 1005px;
	background-color: white;
}

#header {
	position: relative;
}

#middle {
	position: relative;
	width: 100%;
}

#foot {
position: relative;
height: 30px;
width: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: white;
float: left;
}

#title {
position: relative;
margin-top: 20px;
margin-bottom: 7px;
margin-left: 175px;
font-size: 1.7em;
}

div#menu {
  position: relative;
	float: left;
	margin-top: 20px;
  width: 150px;
	text-decoration: none;
	height: 100%;
}

div#menu ul {
list-style-type: none;
font-weight: bold;
margin-left: 15px;
padding: 0;
}

div#menu li {
margin-top: 30px;
color: #A0A0A0;
}

div#menu a {
color: #000000;
text-decoration: none;
}

div#menu a:hover {
text-decoration: none;
}

div#menu a.current {
color: #A0A0A0;
text-decoration: none;
}


/* div#menu  */
ul.submenu {
margin-top: 20px;
}
div#menu ul.submenu li{
margin-top: 20px;
margin-left: 10px;
font-size: 0.9em;
}

/* content beside the menu */
div#content {
	float: left;
	width: 855px;
	margin: 0 0 0 0;
	padding: 0;
}

div#content h1 {
	text-align: center;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: 100;	
	margin-top: 40px;
	margin-left: 0px;
}

/* articles for the index page */
div#articles {
	float: left;
	width: 460px;
	margin: 40px 0 0 80px;
	font-family: "Trebuchet MS", sans-serif; /* tahoma, arial, helvetica, sans-serif; */
	font-size: 1em;
	padding: 0;
	color: black;
}

div#articles h1 {
	text-align: left;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: 100;	
	margin-top: 10px;
	margin-bottom: 0;
}

div#articles hr { 
	border: 0px; 
	color: Black; 
	/* Internet Explorer */ 
	background-color: Black; 
	height: 1px;
	margin-top: 20px;
	margin-bottom: 20px;
}

div#articles img { 
	float: left;
	margin-right: 5px;
	border-style: solid;
	border-color: #D7D7D7;
	border-width: 1px;
}

.date{
	font-family: tahoma, arial, helvetica, sans-serif;/* "Trebuchet MS", sans-serif; */
	font-size: 1em;
}

div#rigthmenu {
  float: left;
	margin-top: 45px;
	width: 100px;
	margin-left: 40px;
}

div#rigthmenu a:hover{
	text-decoration: none;
}


div#rigthmenu table {
	text-align: center;
	margin: 0 0 0 0;
	padding: 0;
}

div#rigthmenu img {
	margin-bottom: 30px;
	border-style: solid;
	border-color: #D7D7D7;
	border-width: 1px;
}


/* Index Page content */
div#categories_index {
	margin: 10px 0 0 80px;
	float: left;
	text-align: left;
	height: 455px;
}

div#categories_index table {
	margin: 0 0 0 0;
	padding: 0;
}

div#categories_index td{
	height: 100px;
	width: 100px;
	text-align: center;
	vertical-align: top;
	padding: 20px;
}

div#categories_index a:visited{
	text-decoration: none;
}

div#categories_index img {
	border-style: solid;
	border-color: #D7D7D7;
	border-width: 1px;
}

div#categories_index p {
	margin: 0 0 0 0;
	text-decoration: none;
	color: #000000;
/*	font-family: tahoma, arial, helvetica, sans-serif; */ /* "Trebuchet MS", sans-serif;/*  tahoma, arial, helvetica, sans-serif; */
/*	font-weight: bold; */
	font-size: 1em;
}

h1.title {
	text-align: center;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: 100;	
	margin-top: 40px;
}

/* Category Thumbnail */
div#category {
	margin: 0 0 0 50px;
	float: left;
	text-align: center;
/*	height: 455px; */
/*	height: 550px; */
}

div#category a{
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 1.3em;
	margin-top: 29px;
}

div#category table {
	text-align: center;
	margin: 0 auto 0 auto;
}

div#category td.thumbcell {
	height: 150px;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
}

div#category td.thumbcell img {
	border-style: solid;
	border-color: #D7D7D7;
	border-width: 1px;
}

/* Series Navigation */

div#navSeries {
	text-align: center;
	font-size: 0.8em;
	margin: 50px 0 0 150px;
	float: left;
}

div#navSeries table {
	margin: 0 auto 0 auto;
}

div#navSeries td.previous {
	text-align: left;
}

div#navSeries td.next {
	text-align: right;
}

div#navSeries td.thumbcell {
	width: 100px;
	border-style: solid;
	border-color: #D7D7D7;
	border-width: 1px;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
}

div#navSeries td.thumbcell img {
	border-style: none;
}

div#navSeries td.selected {
/*	border-style: outset; */
	border-color: #797979; /* #D7D7D7; */
	border-width: 2px;
}

div#navSeries a {
color: #000000;
}

/* Photograph */

div#photograph {
	margin: 50px 0 0 25px;
	float: left;
	height: 580px; /* img height can be up to 480px */
	width: 760px;
	padding: 0;
	text-align: center;
}

div#photograph img {
	margin: 0 auto 0 auto;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
}

/* Photo Navigation */

div#navigation {
	text-align: center;
  width: 760px;
	font-size: 0.8em;
	margin: 0 0 0 25px;
	float: left;
}

div#navigation table {
	margin: 0 auto 0 auto;
}

div#navigation td.previous {
	text-align: left;
}

div#navigation td.next {
	text-align: right;
}

div#navigation td.thumbcell {
	border-style: solid;
	border-color: #D7D7D7;
	border-width: 1px;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
}

div#navigation td.thumbcell img {
	border-style: none;
	height: 100px;
}

div#navigation td.selected {
	border-style: outset;
	border-width: 2px;
}

div#navigation a {
color: #000000;
}

/* biographie */
div#biographie {
	float: left;
	width: 460px;
	margin: 40px 0 0 80px;
	font-family: "Trebuchet MS", sans-serif; /* tahoma, arial, helvetica, sans-serif; */
	font-size: 1em;
	padding: 0;
	color: black;
}

div#biographie h1 {
	text-align: center;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;	
	margin-top: 10px;
	margin-bottom: 30px;
}

div#biographie h2 {
	text-align: left;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;	
	margin-top: 30px;
	margin-bottom: 0;
}


/* contact */
div#contact {
	float: left;
	text-align: left;
	margin: 40px 0 0 80px;
	font-family: "Trebuchet MS", sans-serif; /* tahoma, arial, helvetica, sans-serif; */
	font-size: 1em;
	padding: 0;
	color: black;
}

div#contact h1 {
	text-align: center;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;	
	margin-top: 10px;
	margin-bottom: 30px;
}

div#contact h2 {
	text-align: left;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;	
	margin-top: 30px;
	margin-bottom: 0;
}

div#contact img {
	margin: 10px 0 20px 0;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
}