/*
 * Tags
 */

a:link {
 color: #660;
 outline: none;
}

a:visited {
 color: #f0f;
 outline: none;
}

a:active {
 color: #f00;
 outline: none;
}

body {
  color: #080080;
  background-image: url(bg-notbkpage.gif);
  background-color: #eec;
}

ul {
  list-style: none;
  list-style-position: outside;
  color: #080080;
  text-align: center;
  margin-left: 10px;
  margin-right: 10px;
}

li { 
  margin: 10px 20px 10px 20px;
  display: inline;
}

h1 {
  font-size: 150%;
  text-align: center;
  color: #804;
}

hr { 
  background-color: #080080;
  height: 3px;
}

img { 
  border: 0px;
  margin: 0px;
  padding: 0px;
  vertical-align: middle;
}

table { 
  margin: auto;
  text-align: center;
}

tr { 
  margin: 0px;
  padding: 0px;
}

td { 
  margin: 0px;
  padding: 5px 10px 5px 10px;
}

address {
  font-size: 75%;
  text-align: left;
  margin-left: 100px;
}

address img { 
  vertical-align: middle;
}

/*
 * Classes
 */

li.hilight:hover { 
  color: #080080;
  background-color: #aa8;
}

hr.ecosystem { 
  height: 1px;
}

p.ecosystem {
  color: #804;
  font-size: 125%;
  font-weight: bold;
  text-align: center;
  background-image: url(../bkgd_block_darkyellow_50.png);
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #080080;
  border-bottom: 1px solid #080080;
}

p.topcaption {
  margin: 10px 10px 0px 10px;
  vertical-align: bottom;
  text-align: center;
}

p.botcaption {
  margin: 0px 10px 10px 10px;
  vertical-align: top;
  text-align: center;
}

p.leftcaption {
  margin: 10px 0px 10px 10px;
  vertical-align: middle;
  text-align: right;
}

p.rightcaption {
  margin: 10px 10px 10px 0px;
  vertical-align: middle;
  text-align: left;
}

p.revenirenhaut {
  font-size: 75%;
  text-align: center;
}

div.outer { 
  text-align: center;
}

p.centerblock {
  margin: 20px 10% 20px 10%;
  padding: 10px 15px 10px 15px;
  background-image:url(bkgd_block_blue40.png);
}

/*
 * IDs
 */

#date {
  color: #804;
  font-size: 75%;
  text-align: right;
  margin-right: 10px;
}

#container {
  background-image: url(bg-notbkspiral.gif);
  background-repeat: repeat-y;
}

/*#menuside {
  float: left;
  width: 145px;
}*/

#contentside {
  margin-left: 100px;
  margin-right: 10px;
}

#droitsdauteur {
  font-size: 75%;
  text-align: center;
  margin: 20px 80px 20px 80px;
}