div#header {
  width: auto;
  height: auto;
  margin-top : 10px;
  margin-left: 15em;
  margin-right: 10em;
  background-color: #000080;
  color: white;
  font-family: verdana;
  font-size: 100%;
}

span#header_title {
  display: block;
  font-size: 300%;
}

span#header_legend {
  display: block;
  padding: .3em;
  font-size: 200%;
}


body {
  background-color: white;
  color: #000099;
/*  margin-left: .5em;*/
/*  margin-right: .5em;*/
  font-family: verdana, sans serif, helvetica;
  font-size: 10pt;
  text-align: justify;
}

div#main {
  padding: 20px;
  background-color: white;
  float: right
  color: #000099;
  font-size: 125%;
/*  margin-top: -30px;*/
  margin-left: 15em;
  margin-right: 0em;
  font-family: verdana, sans serif, helvetica;
  font-size: 10pt;
  text-align: justify;
}

div#sidebar {
/*  position: fixed;*/
  float: left;
  width: 12.5em;
/*  width: 18.5%;*/
  height: 47em;
/*  height: 100%;*/
  top: 0em;
  left: 0em;
  bottom: -0em;
  background-color: #000080;
  color: white;
  font-family: verdana, sans-serif;
}

span#sidebar_title {
  display: block;
  font-size: 300%;
  margin-top: 0.8em;
/*  margin-bottom: 0.5em;*/
  margin-bottom: 0.1em;
}

span#menu {
  display: block;
  margin-bottom: 3em;
}

span#menu a {
  display: block;
  text-indent: .2em;
  text-align: left;
  font-size: 100%;
  background-color: #3333CC;
  padding: .2em 0;
  text-decoration: none;
  color: white;
}

span#menu a:hover {
  font-weight: bold;
}

span#texte {
  font-size: 100%;
  color: #000099;
}

span#commentaire {
  font-size: 100%;
  color: #0000FF;
}

span#logos {
  font-size: 100%;
}

span#logos p {
  display: block;
  margin: .1em;
}

span#logos img {
  margin: 5px;
  border-style: none;
}



h1 {
  font-size: 200%;
  background-color: #3333CC;
  Color: white;
  margin: 1.5em .5em .5em .5em;
  text-indent: .3em;
}

h2 {
  font-size: 150%;
  Color: #000080;
  text-indent: 1.5em;
}

h3 {
  font-size: 125%;
  Color: #000080;
  text-indent: 0.7em;
}

p#footer {
  font-family: courier;
  font-size: 80%;
}