/***************************************************/
/*** Common ****************************************/
/***************************************************/

body {
  background-color: white;
/*
  width: 600px;
  margin: auto;
*/
  margin-left: 5em;
  margin-right: 5em;
}

body > p {
  text-align: justify;
}
  
h1, h2, h3, h4 {
  color: #603;
}

h2 {
  border-top: solid #603 1px;
  clear: both;
}

img {
  border-style: none;
}

a:hover {
  text-decoration: none;
  color: red;
/*
   background-color: yellow;
*/
}

/*
a:link {
  text-decoration: none;
  color: #d00;
}
a:visited {
  text-decoration: none;
  color: #a08;
}
*/

/*
a:link img, a:visited img, a:hover img {
  border-style: none;
  outline: none;
}

a:hover {
  text-decoration: none;
  background: #eee;

  outline: solid red thick;
}
*/

:lang(fr) {
  font-style: italic;
}


/***************************************************/
/*** For contents page *****************************/
/***************************************************/

div.contents div {
  font-size: larger;
  margin: 0.3em;
  margin-right: auto;
}

div.contents a {
  text-decoration: none;
}

/****************************************************/
/*** For the titles and subtitles in each chapter ***/
/****************************************************/

div.title h1 {
  float: left;
}

div.title h1.date {
  float: right;
}

/*
p {
  font-size: larger;
  font-style: "sans serif";
}
*/

/*
body.chapter h2 {
  border-top: solid #603 1px;
  clear: both;
}
*/

/***************************************************/
/*** For the floating images ***********************/
/***************************************************/

div.image
{
  border: solid silver 2px;
  margin: 5px;
  padding: 10px;
}

table.of-images {
  margin: auto;
  width: 80%
}

table.of-images div.image {
  margin: 10px auto;
}

div.left {
  float: left;
  clear: left;
  margin-right: 1em;
}

div.right {
  float: right;
  clear: right;
  margin-left: 1em;
}

div.center {
  margin-left: auto;
  margin-right: auto;
  clear: both;
}

div.image img
{
  border-style: none;
}

div.image p
{
  text-align: justify;
  font-family: Arial, sans-serif;
  font-size: 75%;
  margin: 5px;
}

div.image p.image
{
  font-size: 50%;
  text-align: center;
}

/***************************************************/
/*** Navigation links at the bottom of each page ***/
/***************************************************/

div.navigation {
  clear: both;
  border-top: solid black 1px;
  font-size: larger;
}

div.navigation a {
   text-decoration: none;
   padding: 5px;
}

div.previous {
  float: left;
}

div.main {
  text-align: center;
}

div.next {
  float: right;
}