html, body { width: 100%; height: 100%; }
a:link, a:visited, a:active, a:hover { text-decoration: none; font-size: small; font-weight: bold; }
a:link, a:visited, a:active { color: #930; }
a:hover { color: #009; background-color: #ccc; }
#haut { font-family: verdana, arial, sans-serif; font-size: medium; background-color: #ffc; margin: 0; padding: 0; }
#conteneur { width: 100%; }
#karom { text-align: center; }

.texte { color: #000; font-size: small; padding: 0px 15px 20px 15px; margin: 10px; width: 100%; }

#entete { position: absolute; background-image: url(pano.jpg); left: 0; top: 0; height: 110px; width: 100%; margin: 0; padding: 0; }
#menuj { position: absolute; background-color: transparent; bottom: 0; left: 160px; margin: 0; padding: 0; }

#menuhor { background-color: #99c; text-align: center; padding: 0px; margin: 0 0 10px 0; }
.col1 { background-color: #99c; }
.col2 { background-color: #99c; }
.col3 { background-color: #99c; }
.menu1sel { color: #00f; background-color: #ffc; font-size: normal; font-weight: bold; border: #f00 1px solid; padding: 0px 16px 0px 16px; margin: 16px; }
.menuhorsel { font-size: small; color: #fff; font-weight: bold; }

#menuent { position: absolute; background-color: transparent; bottom: 10px; left: 130px; padding: 0; margin: 0; }
#menuent a { font-size: small; border: #00c 1px solid; padding: 0px 16px 0px 16px; margin: 16px; }
#menuent a:link, a:visited, a:active { color: #930; }
#menuent a:hover { color: #00f; background-color: #ffc; }

#menuhor a { font-size: small; font-weight: bold; }
#menuhor a:link, a:visited, a:active { color: #930; }
#menuhor a:hover { color: #00f; background-color: #ffc; }
#titre { position: absolute; background-color: transparent; top: 45px; left: 300px; text-align: center; margin: 0; padding: 0; }
#nonfum { position: absolute; background-color: transparent; top: 12px; left: 15px; text-align: center; margin: 0; padding: 0; }
#cherche { position: absolute; background-color: transparent; top: 5px; right: 5px; text-align: center; margin: 0; padding: 0; }
#drapeau { position: absolute; background-color: transparent; top: 25px; right: 20px; text-align: center; margin: 0; padding: 0; }
#plansite { position: absolute; background-color: transparent; bottom: 2px; right: 5px; text-align: center; }
#karom a, #nonfum a, #plansite a, #drapeau a { font-size: small; font-weight: bold; }
#karom a a:link, a:visited, a:active, #plansite a:link, a:visited, a:active, #drapeau a:link, a:visited, a:active, #nonfum a:link, a:visited, a:active { color: #930; }
#karom a:hover, #plansite a:hover, #drapeau a:hover, #nonfum a:hover { color: #009; background-color: #fff; }
#cold { position: absolute; top: 120px; right: 5px; width: 25%; padding: 0; margin: 0px 20px 0px 20px; }
#colg { position: absolute; top: 120px; left: 5px; width: 25%; margin: 0px 20px 0px 20px; }
#colc { position: absolute; text-align: center; left: 25%; top: 120px; width: 50%; margin: 0; padding: 0; }
.tm { font-size: small; color: #000; font-weight: bold; padding: 0px 5px 0px 35px; margin: 0px 10px 0px 0px; border: #930 1px solid; border-width: 2px 1px 0px 0px; }
#pub { position: absolute; background-color: transparent; top: 5px; left: 5px; margin: 0px 20px 0px 0px; }
#pub a { font-size: x-small; }
#pub a:link, a:visited, a:active, { color: #00c; }
#pub a:hover { color: #ffc; background-color: #00c; }

img { border-width: 0; padding: 10px 15px 10px 10px; }
li { font-size: small; }
.pad5d { padding: 0px 5px 0px 0px; }
.thotel { font-size: x-large; color: #339; }
.tluchon { font-size: large; color: #009; font-style: italic; font-weight: bold; }
.os { font-size: x-small; color: #00f; background-color: #ffc; 
padding: 0px 0px 0px 15px; }
.tid { font-size: medium; color: #369; }
.stid { font-size: medium; color: #369; font-weight: bold; line-height: 200%; text-align: left; }
a.anch:link, a.anch:visited, a.anch:active, a.anch:hover { text-decoration: none; font-size: medium; font-weight: bold; color: #369; background-color: #ffc; }

a.anch2:link, a.anch2:visited, a.anch2:active, a.anch2:hover { text-decoration: none; font-size: small; font-weight: bold; color: #000; background-color: #ffc; }

.maj { font-size: x-small; color: #009; font-weight: bold; }
.sik { font-size: xx-small; color: #900; }
.soul { text-decoration: underline; color: #009; }
.fg { float: left; text-align: left;  border: solid #ffc; border-width: 0px 10px 10px 0px; padding: 20px 20px 20px 20px; margin: 20px 20px 20px 20px;}
.fd { float: right; text-align: right; border: solid #ffc; border-width: 0px 0px 10px 10px; padding: 20px 20px 20px 20px; margin: 20px 20px 20px 20px;}
.fdca { float: right; text-align: center; border: 1px solid #c00; border-width: 1px 2px 1px 2px; padding: 10px 20px 10px 20px; margin: 0px 20px 0px 0px; }
#fgf { float: left; text-align: center; padding: 0px 10px 0px 20%; }
#fda { float: right; text-align: center; padding: 0px 20% 0px 10px; }

.sc { border: #930 1px solid; border-width: 0px 0px 2px 15px; margin: 0px 0px 0px 5px; }

.cd { border: #930 1px solid; border-width: 0px 10px 0px 0px; padding: 0mm 3mm 0mm 0mm; }
.droit { text-align: right; }
.gauche { text-align: left; }
.milieu { vertical-align: middle; }
.centre { text-align: center; }
.gras { font-weight: bold; }
.sp { font-size: x-small; color: #009; font-weight: bold; }
.mg2 { margin-left: 2in; margin-right: 1.5in; }
td { text-align: left; vertical-align: middle; }
td.w20 { width: 20%; }
td.w33 { width: 33%; }
td.w34 { width: 34%; }
td.w40 { width: 40%; }
td.w50 { width: 50%; }
td.w60 { width: 60%; }
.w100 { width: 100%; }
tr { text-align: center; vertical-align: middle; }
a.nd:link, a.nd:visited, a.nd:active, a.nd:hover { text-decoration: none; font-size: small; font-weight: bold; }
a.nd:link, a.nd:visited, a.nd:active { color: #999; }
a.nd:hover { color: #fff; background-color: #c00; }
acronym {
border-bottom: solid thin #c33; 
}