IMG { 
  border: 0px;
}

BODY, IMG#titlebar { 
  background: #f99;  /* giro */
  background: #008;  /* samurai blue */
  background: #fd3;  /* le tour */
  color: #444;
  line-height: 150%;

  font-size: 10pt;
}

#container{ 
  width: 800px;
  margin-left:  auto;
  margin-right: auto;
  margin-top: 2em;
  margin-bottom: 2em;

  background:   white;  
}

#main{ 
  padding-bottom: 1em;
  margin-left: 14em; }


#menu, #main, #footer{
  padding-right: 10px;}

#menu, #footer{
  padding-left: 30px;}

#menu{
  font-size: 105%;
  line-height: 150%;
  width: 9em;
  float: left;}

DIV#menu DIV#lang{
  font-size: 60%;
  margin: 0pt;
  text-align: center;
}

#menu H1{
  font-size: 120%;
  border: 1px solid #888;
  text-align: center;
  margin-bottom: 0px;
  margin-top: 1em;
  width: 100%;
}

#menu UL {
  margin-right: 0px;
  padding: 0px;
  margin-top: 1px;
  margin-left: 0px;
  list-style-position: inside;
  list-style-type: none;}

#menu > UL {
  margin-left: 3px;
  border: 1px dotted gray;
  width: 100%;
  margin-right: 0px;
}

#menu UL LI {
  padding: 0px;
  width: 100%;
}

#menu UL LI.active, #menu UL UL { 
      margin-top: 0px; 
      background: #fcc;  /* giro */
      background: #ccf;  /* samurai blue */
      background: #ff8;  /* le tour */
}


#menu UL LI.active2 {  
      background: #f99; /* giro */
      background: #99e; /* samurai blue */
      background: #fd3; /* le tour */
}


#menu UL UL{
      margin-left: 16px; }

#menu UL UL LI{
      font-size: 90%; }

ADDRESS{
  clear: both;
  margin-top: 4em;
  padding-top:  1em; 
  padding-left: 3em;
}

DIV#tail{
  padding-left: 3em;
  padding-bottom: 1em; 
}

A { 
  font-weight: bold;
  text-decoration: none; }

A:link    {  color: #33F;  }
A:visited {  color: #93C;  }
A:active  {  color: black; }
A:hover   {  color: #f00;
             text-decoration: underline; }


ADDRESS { 
  border-top: 2px solid #f33; /* giro */
  border-top: 2px solid #008; /* samurai blue */
  border-top: 2px solid #fa0; /* le tour */
}

H1, H2, H3, H4 { color: black; }
/* H1, H2, H3, H4, ADDRESS { clear: both; } */
ADDRESS { clear: both; }
H2, H3, H4 { margin-left: 5mm; }

H1 { 
  border-left: 1em solid #f55; /* giro */
  border-left: 1em solid #008; /* samurai blue */
  border-left: 1em solid #fa0; /* le tour */
  padding-left: .3em;
}

H2 { 
  width: 60%;
  padding-bottom: 4px;
  border-bottom: 2px solid #f33; /* giro */
  border-bottom: 2px solid #008; /* samurai blue */
  border-bottom: 2px solid #fa0; /* le tour */
}

H3 { 
  width: 40%;
  border-bottom: 1px solid #f33; /* giro */
  border-bottom: 1px solid #008; /* samurai blue */
  border-bottom: 1px solid #fa0; /* le tour */
}

TABLE {
  border-collapse: collapse;
}

TH { 
  text-align: left;
}

P, UL, OL, DL, TABLE{ 
  margin-left: 3em;
  margin-right: 3em;
}

div#main UL UL{
  margin-left: 1em;
  padding-left: 0.50em;
}

DIV#main UL UL LI{
  margin-left: 0em;
}

PRE{ 
  margin-left: 3em;
  margin-right: 3em;
  padding: .3em;
  border: 1px solid #333;
  font-family: fixed courier;
}

/* -------------------------- Pictures -------------------------- */

DIV.picture { float: right; 
  margin-top: 1em;
  margin-left: 1em; 
  margin-bottom: 1em; 
  margin-right: 3em;
  text-align: center; }

DIV.picture P { 
  margin-top: .3em;
  margin-bottom: 0px;
  font-size: 80%; 
  font-weight: bold; }