body  { color: #dcdcce !important; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px !important; background-color: #555; margin: 0; padding: 0 }
h1    { font-size: 11px; font-weight: bold }

h2    { font-size: 11px; font-weight: normal; line-height: 18px }
h3  /* Intertitres */  { font-size: 11px; font-weight: normal; background-color: #4b4b4b; margin-bottom: -11px; padding-left: 2px }
h4 { font-size: 11px; font-weight: normal; line-height: 18px }
gris { color: #a7a7a1 }
b { font-weight: normal }
a { color: #dcdcce }
a:link { text-decoration: none; border-bottom: 1px solid #464646 }
a:visited { text-decoration: none; border-bottom: 1px solid #464646 }
a:hover { color: #dcdcce; text-decoration: underline }
a:visited:hover { color: #dcdcce; text-decoration: underline }
a:active { color: #c33 }
.menu a   { line-height: 24px; padding-right: 30px }
.menubold  { font-weight: bold; line-height: 24px }
.footbold { font-weight: bold; line-height: 24px; padding-left: 30px }
.billetFlechH { margin-top: 2px; float: left; clear: both }
.billetFlechB { margin-top: 2px; float: right; clear: both }
.billetFlechD { position: relative; top: -20px; right: 340px; float: right; clear: both }
.flechH { margin-left: -40px; position: fixed; bottom: 30px }
/*______Structure______*/
#container    { background-color: #555; margin: 25px auto; width: 650px }
#imgaleat  { text-align: center; margin-bottom: -7px; height: 40px }
#top   { line-height: 24px; background-color: #6a6a6a; text-align: center; letter-spacing: 3px; margin-bottom: -9px; height: 25px }
#menu      { background-color: #4b4b4b; text-align: left; padding-left: 2px; height: 26px }
#intro      { background-color: #555; text-align: left; padding-top: 2px; padding-bottom: 15px; height: 90px }
#introlibre { background-color: #555; text-align: left; margin-bottom: 30px; padding-top: 2px; border-bottom: 1px dotted #a7a7a1 }
#supracontent { margin: 50px 0 0; padding: 0; width: 650px }
#content     { margin: 0 0 30px; padding: 0; width: 395px; float: left }
.billet  /* class anciennement id */  { text-align: justify; margin-bottom: 10px }
.billetSignature  /* class anciennement id */ { text-align: right; border-top: 1px dotted #ccc }
#finContent   { text-align: right; margin-top: 20px; border-top: 1px dotted #a7a7a1 }
div#content { 
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}
.archivrubric { margin-bottom: 30px; border-bottom: 1px dotted #a7a7a1 }
.archivsousrubric { margin-left: 40px }
.archivsousrubricbreve { margin-left: 20px }
.archivbreve { text-align: right }
#sidebar    { background-color: #555; text-align: left; margin-top: -10px; margin-right: 0; margin-left: 430px; padding: 0 0 0 }
#sidebararchiv { background-color: #555; text-align: left; margin-right: 0; margin-left: 430px; padding: 0 }
#sidebarApropo     { text-align: left; width: 220px; float: right }
.sidebarApropopo  { display: inline-block; margin-left: 430px; width: 220px; float: right; clear: both }
#footer      { background-color: #4b4b4b; text-align: left; margin: 2px 0; padding: 3px 2px 0; height: 25px; clear: both }
.footer a { line-height: 24px; padding-right: 30px }
.footerSign    { color: #a7a7a1; text-align: right; margin-top: -21px }
.footerSign a { color: #a7a7a1; padding-right: 0 }