body   { background-image: url(charte/fond.gif); margin: 0; padding: 0 }
img { margin: 0; padding: 0; border-width: 0 }
#bandeau   { background-repeat: repeat-x; text-align: center; margin: 0; padding: 0 }
#tblnav  { margin: 0; padding: 0; height: 151px; float: right }
#conteneur     { background-image: url(charte/feinte.gif); background-repeat: repeat-y; margin-top: 0; margin-right: auto; margin-left: auto; padding-top: 0; width: 700px; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #000 }
#spacer { clear: both }
#colonne   { background-image: url(charte/fond-violet.gif); text-align: center; width: 250px; height: 100%; float: left }
#ephem  { background-image: url(charte/ephemer.gif); background-repeat: no-repeat; text-align: left; padding-top: 12px }
#ephem a  { color: #000; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; display: block; margin: 0 10px; padding: 2px }
#ephem a:hover  { color: #000080; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; background-color: #fff; display: block; margin: 0 10px; padding: 2px }
#emaj  { background-image: url(charte/emaj.gif); background-repeat: no-repeat; text-align: left; padding-top: 12px }
#emaj code { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; display: block; padding-right: 10px; padding-left: 10px }
#emaj a { color: #000; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none }
#emaj a:hover { color: #556b2f; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline }
#lastcomment  { background-image: url(charte/lastkom.gif); background-repeat: no-repeat; text-align: left; padding-top: 12px }
#lastcomment a  { color: #000; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; display: block; margin: 0 10px; padding: 2px }
#lastcomment a:hover  { color: #000080; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; background-color: #fff; display: block; margin: 0 10px; padding: 2px }
#contenu    { margin-top: 0; margin-left: 5px; padding-top: 5px; padding-right: 5px; padding-left: 5px; width: 435px; float: left }
#zone_comment { background-color: #f5f5f5; text-align: left; padding: 5px; width: 420px; height: 210px; overflow: auto }
#contenu_blog { background-image: url(charte/fond_blog.jpg); background-repeat: no-repeat; background-position: right top; margin-top: 0; margin-left: 5px; padding-top: 5px; padding-right: 5px; padding-left: 5px; width: 435px; float: left }
#contenu_phare { background-image: url(charte/fond_phare.jpg); background-repeat: no-repeat; background-position: right top; margin-top: 0; margin-left: 5px; padding-top: 5px; padding-right: 5px; padding-left: 5px; width: 435px; float: left }
#contenu_maux { background-image: url(charte/fond_maux.jpg); background-repeat: no-repeat; background-position: right top; margin-top: 0; margin-left: 5px; padding-top: 5px; padding-right: 5px; padding-left: 5px; width: 435px; float: left }
#navounette { margin: 0 auto }
.contour1px { border: solid 1px #000 }
#date { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; display: block; padding-top: 3px; float: right }
#date_commentaire { color: #696969; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; display: block; float: right }
#chapo   { font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-image: url(charte/trame_rouge.png); margin-bottom: 5px; padding: 5px }
#texte { font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-align: justify }
#foot_texte { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: right; display: block; margin-top: 3px; padding-top: 2px; width: 100%; border-top: 1px solid #696969 }
.illus_g { margin-right: 5px; margin-bottom: 5px; float: left; border: solid 1px #000 }
.illus_d { margin-bottom: 5px; margin-left: 5px; float: right; border: solid 1px #000 }
#bloc_sombre   { font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 15px; background-image: url(charte/trame_rouge.png); margin-bottom: 5px; padding: 5px }
#bloc_sombre a { color: #000; text-decoration: none; display: block; width: 100% }
#bloc_sombre a:hover { color: #fff; text-decoration: none; display: block; width: 100% }
#bloc_sombre h3 { font-size: 14px; font-family: "Century Gothic", Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; margin: 0 0 5px; padding: 0; width: 100%; border-bottom: 1px solid #696969 }
#bloc_clair  { font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 15px; margin-bottom: 5px; padding: 5px }
#bloc_clair h3 { font-size: 14px; font-family: "Century Gothic", Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; margin: 0 0 5px; padding: 0; width: 100%; border-bottom: 1px solid #696969 }
#titre { font-size: 14px; font-family: "Century Gothic", Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; margin: 0 0 5px; padding: 0; width: 100%; border-bottom: 1px solid #696969 }
#titre_commentaire { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; margin: 10px 0 5px; padding: 0; width: 100%; border-bottom: 1px solid #696969 }
.commentaire { color: #000; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif }
.form { color: #8b0000; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #fff; border: solid 1px #696969 }
.verdana10 { color: #000; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif }
#bloc_clair a { color: #000; text-decoration: none; display: block; width: 100% }
#bloc_clair a:hover { color: #808080; text-decoration: none; display: block; width: 100% }
.auteur_liste { display: block; float: right }
#contenu_phare code   { color: #696969; font-size: 10px; font-family: Arial, Helvetica, sans-serif; display: block; margin-bottom: 5px }
#bloc_sombre h4 { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; margin: 0 0 5px; padding: 0; width: 100%; border-bottom: 1px solid #696969 }
#bloc_clair h4 { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; margin: 0 0 5px; padding: 0; width: 100%; border-bottom: 1px solid #696969 }
.retrait { font-family: Arial, Helvetica, sans-serif; display: block; margin-right: 20px; margin-left: 20px }
a { color: #8b0000; text-decoration: none }
a:hover { color: #8b0000; text-decoration: underline }
#lien_sombre  { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 15px; background-image: url(charte/trame_grise.png); padding: 5px }
#lien_sombre a { color: #000; text-decoration: none }
#lien_sombre a:hover { color: #696969; text-decoration: none }
#lien_clair { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 15px; padding: 5px }
#lien_clair a { color: #000; text-decoration: none }
#lien_clair a:hover { color: #a9a9a9; text-decoration: none }
.illus_liste { margin-right: 5px; margin-bottom: 5px; float: left; border: solid 1px #000 }