body, html { height: 100%; background: #222; }
body { margin: 0; font: normal 11px verdana, Serif; color: #CCC; line-height: 200%; }
a:link, a:active, a:visited { color: #B5AA84; text-decoration: none; }
a:hover { color: #F7EBCE; text-decoration: none; }

*.txt2 { font-size: 10px; font-style: italic; }

h1, h2 { margin-top: 50px; font-variant: small-caps; }
h1 { border-bottom: 1px solid #333; padding-bottom: 5px; }
fieldset { border: 1px solid #333; }
legend { color: #6b7b8b; }

table.TblH { width: 100%; }
table.TblH td { vertical-align: top; }

/**********************************
 * Elements généraux
 *********************************/

#Fond { height: 100%; background: url(images/fond.jpg) repeat-x #222; }
#Body { height: 100%; width: 874px; margin: 0 auto; position: relative; }
#Haut { height: 395px; background: url(images/haut.jpg) no-repeat; position: relative; z-index: 0; }
#BarreGch { background: url(images/barre_gch.jpg) repeat-y; }
#BarreDr { background: url(images/barre_dr.jpg) repeat-y; background-position: right; }

#Menu { position: absolute; right: 56px; background: url(images/menu.jpg) repeat-y; width: 160px; line-height: 150%; }
#Menu div.Contenu { padding: 0 18px 15px 19px; width: 109px; }
#Menu div.Bas { background: url(images/menu_bas.jpg) no-repeat bottom; }
#Menu div.titre { background: #222; letter-spacing: 2px; font-variant: small-caps; color: #666; margin-top: 10px; text-align: center; width: 123px; }
#Menu a { padding: 2px 7px; display: block; background: url(images/point.gif) no-repeat right; width: 100%; background-position: 95% 50%; }
#Menu a:hover { border-bottom: 1px solid #333; border-top: 1px solid #333; padding: 1px 7px; background-color: #181818; background-image: url(images/point2.gif); }

#Contenu { width: 641px; margin-left: 3px; }
#Contenu div.bg { background: #000; }
#Contenu div.Contenu { padding: 20px 70px; text-align: justify; }
#Bas { background: url(images/bas.jpg); no-repeat; height: 70px; position: relative; }
#Bas div.Contenu { position: absolute; left: 200px; top: 35px; padding: 0; color: #666; }
#Copyright { font-size: 9px; text-align: right; line-height: 150%; color: #666; }

#Stat { position: absolute; left: 5px; top: 55px; letter-spacing: 2px; color: #756c56; font-size: 10px; }
#Nav { position: absolute; right: 300px; bottom: 0; font-size: 10px; color: #666; text-align: right; line-height: 100%; width: 520px; }
#Nav a:link, #Nav a:active, #Nav a:visited { color: #6b7b8b; text-decoration: none; }
#Nav a:hover { color: #6699CC; text-decoration: none; }

#Recherche { text-align: center; padding: 20px; }
input { font: normal 10px verdana, Serif; border: 1px solid #333; background: #111; color: #CCC; padding: 3px; }
textarea { font: normal 11px verdana, Serif; border: 1px solid #000000; background: #333; color: #CCC; width: 95%; }
#BBTexte select { font-size: 10px; background: #333; color: #CCC; border: #000; }

/*
h1, div.h1 { font: small-caps 35px Palatino Linotype, Serif; text-align: center; line-height: 90%; }
h2 { font: bold 18px Palatino Linotype, Serif; text-align: left; color: #7B8B9B; border-bottom: 1px solid #9BABBB; }
p { text-align: justify; }


div.MessErr { font: normal 10px verdana, Serif; color: #AA0000; }
*.LoadSbm { position: absolute; margin: 0 5px; }

*/
/**********************************
 * Elements généraux
 *********************************/
/*
#Body {  height: 100%; width: 874px; margin: 0 auto; }
#Nav { background: url(images/haut.jpg) no-repeat; height: 324px; }

#Nav div.nav { padding-top: 295px; font-size: 10px; color: #CCC; }
#Nav div.nav a:link, #Nav div.nav a:active, #Nav div.nav a:visited { color: #66CC33; text-decoration: none; }
#Nav div.nav a:hover { color: #66FF33; text-decoration: none; }

#Menu { background: url(images/menu.jpg) repeat-y; width: 160px; }
#Bas { background: url(images/bas.jpg); height: 70px; }

#Squelette { background: url(images/squelette.jpg) repeat-y; width: 640px; }
#Squelette div.content { padding: 0 50px; }
*/
/**********************************
 * Les articles
 *********************************/

#Articles li { margin-bottom: 10px; font-size: 12px; }
#Articles { text-align: justify; padding-bottom: 30px; font: normal 11px verdana, Serif; line-height: 200%; vertical-align: top; }
#Articles h2 { margin: -10px; text-align: center; }
#Articles h1 { border-bottom: 1px solid #333; font-size: 16px; letter-spacing: 0px; text-align: left; }
#Articles div.chap { padding: 0 20px; }
#Articles div.liste { text-align: left; }
#Articles div.desc { color: #555; font: normal 12px serif, verdana; padding: 0 15px; }

/**********************************
 * Index des chapitres
 *********************************/
 /*
#IdxChap { margin: 20px 20px 20px 10px; padding: 10px 10px 10px 0; background: #111; border: 1px solid #444444; width: 254px; float: left; font: normal 10px verdana, arial, Serif; }
#IdxChap div.contenu { text-align: justify; }
#IdxChap div.chap { padding-left: 15px; }
#IdxChap div.titre { padding: 3px 0; }
*/
/**********************************
 * Info
 *********************************/
/*
#Info div.mess { text-align: justify; }
#Info div.liens { margin-top: 15px; }
*/
/**********************************
 * Annuaire
 *********************************/

#Lien div.titre { border: 0; font: bold 12px verdana, sans-serif; margin: 20px 0 0 0; }
#Lien div.desc { border: 1px solid #333; background: #191919; padding: 0; }
#Lien div.desc p { padding: 7px; margin: 0; color: #888; font: normal 11px "trebushet ms", sans-serif; }
#Lien div.desc div.detail { padding: 0px; text-align: right; background: #111; color: #666; font: italic 11px "trebushet ms", sans-serif; }

/**********************************
 * Images
 *********************************/

#Image img { border: 1px solid #333; padding: 5px; }
#Image td { vertical-align: top; text-align: center; }
#Image table { width: 100%; }

/**********************************
 * Downloads
 *********************************/

#Dl div.titre { border: 0; font: bold 12px verdana, sans-serif; margin: 20px 0 0 0; }
#Dl div.desc { border: 1px solid #333; background: #191919; padding: 0; }
#Dl div.desc p { padding: 7px; margin: 0; color: #888; font: normal 11px "trebushet ms", sans-serif; }
#Dl div.desc div.detail { padding: 0px; text-align: right; background: #111; color: #666; font: italic 11px "trebushet ms", sans-serif; }

#DetailDl, #DetailDl h1 { text-align: left; }
#DetailDl div.infos { width: 50%; }
#DetailDl div.prop { margin-top: -15px; font: italic 11px serif, verdana; color: #666; }
#DetailDl div.telecharger { letter-spacing: 1px; font: bold small-caps 11px verdana, serif; text-align: center; padding: 5px; background: #222; }
#DetailDl div.infos { border: 1px solid #333; background: #111; margin: 0 auto; }
#DetailDl div.imgdesc { float: right; }
#DetailDl table { width: 100%; }
#DetailDl td.gch { text-align: right; width: 50%; }
#DetailDl td.dr { text-align: left; }
#DetailDl div.desc { text-align: justify; margin: 20px; font: normal 11px verdana, serif; line-height: 200%; }

/**********************************
 * Commentaires
 *********************************/
#Comments { font: normal 10px verdana, sans-serif; margin: 20px; }
#Comments table { border-collapse: collapse; }
#Comments td { border: 1px solid #222; background: #111; vertical-align: top; color: #777; line-height: 150%; text-align: justify; }
#Comments td.gch { width: 20%; text-align: center; padding: 5px; background: #040404; }

#Comments td.dr div.texte { margin: 5px; }
#Comments td.dr div.detail { font-size: 10px; color: #444; font-style: italic; border-bottom: 1px solid #333; background: #040404; }

#Comments #FormComm { padding: 5px; background: #151515; }
#Comments #FormComm ol { margin: 5px; }
#Comments #FormComm ol li { padding: 0 15px 0 10px; }

#ValRech div { text-align: justify; font-size: 10px; line-height: 200%; margin-bottom: 10px; }
#ValRech span.titre { font-weight: bold; }
#ValRech div.presentation img { margin: 5px; clear: both; }
#ValRech div.Row { clear: both; }
#ValRech div.Row img.elem { vertical-align: middle; margin: 5px; }
#ValRech div.Row div.NoteBox { float: right; }
#ValRech div.pagination { margin: 10px; text-align: center; background: #222; border: 1px solid #333; }


#Static span.legend { text-decoration: underline; }

#Table table { width: 100%; background: #333; border-spacing: 1px; table-layout: fixed; margin-top: 40px; }
#Table table td table { border-spacing: 0; }
#Table td { background: #111; font-size: 10px; line-height: 150%; text-align: center; height: 8px; }
#Table strong { font-variant: small-caps; line-height: 200%; background: #222; display: block; font-size: 18px; }

#Sorts img { vertical-align: middle; }
#Sorts div.desc { background: #222; border: 1px dashed #444; padding: 10px; margin: 10px; }