body { background: #FFFFFF;
       margin: 0 15px;
       font-size: 80%;
       font-family: verdana, sans-serif; }

a img { border: none; }

.entete { text-align: right;
          margin-bottom: 10px;
          padding: 0;
          border: black solid;
          border-width: 0 1px 1px 1px;
          position:relative;
          background: url("logo.jpg") no-repeat; }

.entete img { vertical-align: bottom; } /* display: block; By default imgs are inline, and thus sit on the baseline, leaving empty descender space. */

.entete .slogan { position: absolute;
                  top: 55px;
                  left: 350px;
                  color: #303030;
                  font-family: "Times New Roman", serif ;
                  font-size: 22pt;
                  font-weight: bold;
                  font-style: italic;
                  text-shadow: 1px 2px 3px #000000; }

.corps, .comments { margin-top: 10px;
         border: 1px solid #C0C0C0;
         padding: 15px;
         background: #F0F0F0;
         text-align: justify; }
.corps pre { font-size: 120%; }

/*.corps h1, h2, h3, h4, h5, h6 { font-family: verdana, sans-serif; }*/
.corps h1 { text-align: center; }

.corps p:first-letter { margin-left: 1.5em; }

ul#topmenu { list-style: none;
             display: inline;
             padding-left: 0;
             font-size: 130%; }
ul#topmenu li { float:left; /* no support for inline-block yet. */
                border: 1px #C0C0C0 solid;
                margin-right: 10px;
                background: #F0F0F0; }
ul#topmenu li a { text-decoration: none;
                  padding: 3px 30px 3px 30px; }
ul#topmenu li:hover { background: #CEC2A5; }
ul#topmenu li.selected { background: #CEC2A5; }
ul#topmenu li.selected a { font-weight: bolder; }
ul#topmenu li.right { float:right;
                      margin-right: 0;
                      margin-left: 10px; }
ul#topmenu li.right a { padding: 3px 10px; }

.languagebar { text-align: right; }

.news { border: 1px solid;
        padding: 10px;
        font-size: 10pt;
        background: #F8F3E4; }
.news a img { border: 1px black solid;
              margin-right: 10px; }
.news table { border-spacing: 0;
              border: 0; }
.news td { vertical-align: top;
           border: 0;
           padding: 0; }
.news .header { font-size: 12pt;
                font-weight: bold;
                border-bottom: dashed;
                border-width: 1px;
                background: #BC8F82;
                margin-bottom: 10px;
                padding: 0 10px 0 2px; }
.news .header a { text-decoration: none;
                  color: black; }
.news .header a:hover { text-decoration: underline; }
.news .header table { width: 100%; }
.news .header td.flags { text-align: right;
                         vertical-align: bottom;
                         font-size: 10pt; }
.news .header img { border: 0;
                    margin: 0; }
.news .header .date { font-size: 8pt;
                      font-weight: normal; }

.illus { text-align: center;
         font-size: 10pt;
         margin: 20px 0 20px 0; }
.illus a { text-decoration: none;
           font-size: 10pt; }
.illus img { border: 1px; }

.code { border: 2px solid #CFCFCF;
        background: #DEF7DE;  /*#CFF0CF;*/
        margin: 2px 5px 2px 5px;
        padding: 0px 2px 0px 20px; }
.code .titre { border-bottom: 1px solid #CFCFCF;
               font-weight: bold;
               margin-left: -20px;
               padding: 1px 3px; }

.tableau table { border-collapse:collapse;
                 border: 1px solid black;
                 margin: 0 auto;
                 background: #ffffff; }
.tableau table, th, td { border:1px solid #C3C3C3;
                         padding: 1px 3px 1px 3px; }
.tableau th { background-color:#E5EECC;
              padding: 3px; }
.tableau p { text-align: center;
             margin: 0; }

.legal { font-size: 10pt;
         border: 2px solid #F0AE78;
         background: #F0C0A0;
         margin: 2px 5px 2px 5px;
         padding: 2px 5px 2px 5px; }

.comments { margin-top: 0px; }
.comments h1 { text-align: left;
               margin-top: 0;
               font-size: 150%; }
.comment { border: 1px solid #ddd;
           padding: 3px;
           margin-bottom: 5px;
            }
.comment.reply { background: #ffffe0;
                 margin: 5px 0 3px 8px; }
.comment .header{ font-size: 100%;
                   font-weight: bold; }
.comment .author { font-style: italic; }
.comments .error { color: red;
                   font-style: italic; }

.toc { border: 2px solid #CFCFCF;
       background: #f8f8f8;
       float:right;
       margin-left: 15px; 
       padding-right: 15px;}
.toc p { text-align: center; }
.toc ul { list-style: none;
          padding: 0 0 0 15px; }