body
{
  margin: 0px;
  padding: 0px;
  background: #FFFFCC;
}

a,p,ul,ol,li,dl,dt,dd,td,div
{
  font-size: 11px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #663300;
  text-align: justify;
}

.titre
{
  height: 20px;
  vertical-align: middle;
  font-size: 13px;
  background: #FFCC33;
  font-weight: bold;
  color: #CC3300;
  text-align: center;
}

.sstitre
{
  font-size: 13px;
  font-weight: bold;
  text-decoration: underline;
}

.legende
{
  font-size: 10px;
  text-align: right;
}

h1
{
  margin-top: -7px;
  font-size: 11px;
  color: #663300;
  font-weight: bold;
  font-style : italic;
  text-align: center;
  background: #FFCC66;
}

h2
{
  font-size: 13px;
  font-weight: bold;
  color: #000099;
  text-decoration: underline;
}

span.rouge
{
  color: #CC3300;
  font-weight: bold;
}

img
{
  border: none;
}

div.centre
{
  text-align: center;
}

a, a:link, a:visited, a:active
{
  color: #663300;
  text-decoration: none;
}

a:hover
{
  color: #3171D6;
  text-decoration: underline;
}

div#global
{
  width: 100%;
}

div#pagebody
{
  padding: 5px;
  line-height: 1em; /* bug IE */
}

div#pageleft
{
  float: left;
  line-height: 1.3em; /* bug IE */
  width: 160px;
  text-align: center;
}

div#pagemain
{
  margin-left: 165px;
}

div.pagemsg
{
  margin-left: 50px;
}

div.top
{
  background-image: url(images/photo.jpg);
  height: 130px;
  clear: both;
  text-align: center;
  vertical-align: middle;
}

div.acteurs
{
  background-image: url(http://www.ehrhard.org/cpe/photos/saut.jpg);
  height: 1000px;
  vertical-align: top;
  background-repeat:no-repeat;
}

div.barre
{
  text-align: center;
  background: #FFCC66;
  font-weight: bold;
  color: #663300;
}

div.sep
{
  height: 15px;
  font-size: 13px;
  text-align: center;
  background: #99CCFF;
  font-weight: bold;
  color: #663300;
}

div.bas, div.bas a
{
  clear: both;
  text-align: center;
  background: #FFCC66;
  font-size: 10px;
  color: #663300;
}

div.menublock
{
  font-weight: bold;
  color: #FFFFFF;
  background: #CC0000;
  border-style: solid;
  border-color: #FFCC66;
  border-width: 2px;
  width: 150px;
  margin-bottom: 5px;
  text-align: center;
}

div.menubody
{
  font-weight: normal;
  color: #663300;
  border: none;
  text-align: left;
  background: #FFFFCC;
}

td, li
{
  line-height: 1.2em; /* bug IE */
}

div.menubody ul
{
  list-style-type: none;
  padding: 5px 5px 5px 5px;
  margin: 0px;
}

div.droite
{
  float: right;
  text-align: center;
  padding: 5px;
  border-style: solid;
  border-color: #FFCC66;
  border-width: 2px;
  margin-left: 5px;
  margin-top: 5px;
}

div.gauche
{
  float: left;
  text-align: center;
  padding: 5px;
  border-style: solid;
  border-color: #FFCC66;
  border-width: 2px;
  margin-right: 5px;
  margin-top: 5px;
}

div.datablock
{
  background: #FFFF99;
  border-style: solid;
  border-color: #FFCC66;
  border-width: 2px;
  width: 95%;
  height: 150px;
}

div.livreblock
{
  font-size: 11px;
  background: #FFFF99;
  border-style: solid;
  border-color: #FFCC66;
  border-width: 2px;
  width: 95%;
}


div.gbas
{
  clear: right;
  text-align: right;
  background: #FFFF99;
  font-size: 10px;
  color: #663300;
}