/* The top banner is a nice picture of the Belledonne range seen
   from La Molière.
   The background is blue, like the sky in the picture */
.title {
   margin-top: 0;
   margin-bottom: 0;
   padding-top: .3em;
   padding-bottom: .3em;
   background-color:#d7edf8;
   color: #074d91;
   font-weight: bold}
.nav {
   background-color: #b2d4ed;
   font-size: 80%}
.here {
   color: #606060}
table .nav, .source {
   background-color:#b2d4ed}
p.logos {
   text-align: right;
   height: 50px}
th {
  text-align: left;}
code {
   font-size: 100%}
body {
   color: black;
   background-image: url(Moliere.jpg);
   background-repeat: no-repeat;
   background-position: left top;
   background-color:#d7edf8;
   font-family: arial, helvetica;
   font-size: 11pt;}
.main {
   margin-left: 17em;}
h1 {
   color:#ffffff;
   font-size: 200%;
   margin-top: 0;
   padding-top: .8em;
   padding-bottom: .6em;
}
h2, h3 {
   color:#074d91;
   margin-bottom: 0.5em;}
p {
   margin-top: .2em;}
body>p {
   margin-left: 20px;}
p.summary {
   text-align: justify;}
img {
   border: none;
   color: black}
body>h2, body>h3 {
  clear: left;
  }
div.leftside {
   position: absolute;
   top: 150px;
   left: 20px;
   margin-top: 20px;
   margin-right: 2em;
   width: 16em;
   padding-bottom: 0;
   background-color:#b2d4ed;
   font-size: 80%;}
div.leftside ul {
   margin: 5px 0 5px 10px;
   padding: 0 0 0 10px;
   list-style-type: none;}
.rightside {
   position: absolute;
   right: 0;
   width: 320px;}
.description {
   // margin-left: 5%;
   margin-right: 340px;
   text-align: justify; }
a {
   font-weight: bold;
   text-decoration: none;}
a:link {
   color:#344d17;}
.translation a {
  background-color: #eecf1a;}
a:visited {
   color: #568026;}
a:active {
   color: #A75F59;}
table {
   border: groove 4px #e9e1c6;}
td, th {
   padding-right: 8px;}
.red {
   color:#d7edf8;
   background-color:#344d17;
   font-family: arial, helvetica;}