body {
}

/* ---- links ----------------------------------------- */

.contenu a:link {color:black; text-decoration:none; border-bottom-style:dotted;  border-bottom-width:1px;  border-bottom-color:black; }
.contenu a:visited { color:black; text-decoration:none; border-bottom-style:dotted; border-bottom-width:1px; border-bottom-color:black; }
.contenu a:hover { color:black; text-decoration:none; border-bottom-style:dotted; border-bottom-width:0px; border-bottom-color:black; }
.contenu a:active { color:black; text-decoration:none;border-bottom-style:dotted; border-bottom-width:1px; border-bottom-color:black; }

#trad a:link {color:black; text-decoration:none; border-bottom-style:dotted; border-bottom-width:1px; border-bottom-color:black; }
#trad a:visited { color:black; text-decoration:none; border-bottom-style:dotted; border-bottom-width:1px; border-bottom-color:black; }
#trad a:hover { color:black; text-decoration:none; border-bottom-style:dotted; border-bottom-width:0px; border-bottom-color:black; }
#trad a:active { color:black; text-decoration:none; border-bottom-style:dotted; border-bottom-width:1px; border-bottom-color:black; }

.gss a:link {color:black; text-decoration:none; border-bottom-style:dotted; border-bottom-width:0px; border-bottom-color:black; }
.gss a:visited { color:black; text-decoration:none; border-bottom-style:dotted; border-bottom-width:0px; border-bottom-color:black; }
.gss a:hover { color:black; text-decoration:none; border-bottom-style:dotted; border-bottom-width:0px; border-bottom-color:black; }
.gss a:active { color:black; text-decoration:none; border-bottom-style:dotted; border-bottom-width:0px; border-bottom-color:black; }

#menu a:link {color:black; text-decoration:none; border-bottom-style:none; border-bottom-width:1px; border-bottom-color:black; }
#menu a:visited { color:black; text-decoration:none; border-bottom-style:none; border-bottom-width:1px; border-bottom-color:black; }
#menu a:hover { color:gray; text-decoration:none; border-bottom-style:none; border-bottom-width:0px; border-bottom-color:black; }
#menu a:active { color:black; text-decoration:none; border-bottom-style:none; border-bottom-width:1px; border-bottom-color:black; }

.bouton a:link { color: black;  text-decoration:none; }
.bouton a:visited {  color: black;  text-decoration:none; }
.bouton a:hover {  color: black;  text-decoration:none; }
.bouton a:active { color: black;  text-decoration:none; }

#flag a:link { color:grey; text-decoration:none; }
#flag a:visited { color:grey; text-decoration:none; }
#flag a:hover { color:grey; text-decoration:none; }
#flag  a:active { color:grey; text-decoration:none; }

/* add an icon after external links */
/* a.ext::after { content: url(images/extlink.gif); } */

table    { display: table }
tr       { display: table-row }
thead    { display: table-header-group }
tbody    { display: table-row-group }
tfoot    { display: table-footer-group }
col      { display: table-column }
colgroup { display: table-column-group }
td, th   { display: table-cell }
td { vertical-align: top }
caption  { display: table-caption }



/* ---- barres verticales -----------------------------------------  */

#menu {  
 position: absolute;
 left:10px;
 top: 200px;
 width: 190px;
 font-size: smaller;
}

#bandeau1 {  
 position: absolute;
 left: 0px;
 top: 160px;
 width: 1020px;
 font-size: larger;
 text-align: center;
}

#bandeau2 {  
 position: absolute;
 left: 20px;
 top: 10px;
 height: 110px;
 padding: 0px 30px 0px 30px;
 vertical-align: center;
 border-bottom: 1px gray solid;
 border-left: 3px gray solid;
}

.list {
 height: 18px;
 border: 1px black solid;
 margin: 8px 10px 0px 10px;
 padding: 0px 10px 0px 10px;
}

.list:hover {
 height: 18px;
 border: 1px gray solid;
 margin: 8px 10px 0px 10px;
 color: gray;
 padding: 0px 10px 0px 10px;
 background-color: white;
}

.listsel {
 height: 18px;
 border: 1px gray solid;
 margin: 8px 10px 0px 10px;
 padding: 0px 10px 0px 10px;
 background-color: gray;
 font-weight: bolder;
  
}

div.contenu {
 width: 800px;
 border: 0px black solid;
 margin: 220px 0px 0px 220px;

 font-family: Tahoma;
 text-align: justify;
}

dl.gss {
 padding-bottom: 150px;
}

dl.gss dt {
}

dl.gss dd {
 font-weight: normal;
 margin-left: .3em;
 margin-bottom: 10px;
 padding-left: 4px;
}

dl.contenu {
  font-weight: bolder;
  padding-bottom: 10px;
}

dl.contenu dt {
  margin-top: 8px;
  margin-bottom: 2px;
  font-weight: normal;
}

dl.contenu dd {
 font-weight: normal;
 margin-left: 0px;
 margin-bottom: 1px;
 padding-left: 4px;
}

ttt {
 font-weight: bold;
 padding-bottom: .3em;
}

#update {
 font-size: 10px;
 margin: 25px 10px 0px 15px;
}

#flag {
 position: absolute;
 z-index: 4;
 background-color: white;
 border-top: 1px white solid;  border-right: 1px white solid;
 font-size: small;
 font-weight: bolder;
 color: white;
 font-variant: small-caps;
 decoration: bold;
 margin: -22px 0px 0px -30px;
}

#trad {
 position: fixed;
 top: 25px;
 left: 500px;

 font-family: Tahoma; 
 font-size: 10px;
}