/*
 * Tags
 */

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

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

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

body {
  color: #080080;
  background-image: url(bkgd_photo.gif);
  background-color: #fff;
}

ul {
  list-style: none;
  list-style-position: outside;
  color: #ff0;
}

li { 
  margin: 15px 20px 15px -25px;
}

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

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;
}

address img { 
  vertical-align: middle;
}

/*
 * Classes
 */

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;
}

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

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

#contentside {
  margin-left: 150px;
  clear: right;
}

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