html, body { margin: 0; padding: 0; border: 0; }
body { font-family: arial, helvetica, sans-serif; color: black; text-align: center; background-color: #585858; }

.centerCol { margin: 0 auto; width: 790px; text-align: left; }

#block_1 { width: 790px; }
#block_2 { display: none; }
#wrapper { width: 790px; background: url(IMG/fond.gif) top center repeat-y; overflow: hidden; margin: 0; }
#wrapper { display: inline-block; }
/*\*/
#wrapper { display: block; }
#header { margin-bottom: -5px; padding-bottom: 5px; }
#footer { display: none; }
#header { width: 790px; background: url(IMG/fond.gif) top center repeat-y; }
#block_2a, #block_2b { display: none; }


/* Général */

a { color: black; }
a:hover { background-color: #EEEEEE; }
p.spip { margin-top: 1px; margin-bottom: 9px; }

/* Bandeau de navigation */

#du9titre { padding: 30px 5px 15px 5px; font-size: 35px; font-weight: bold; }
.du9neg { background-color: black; color: white; padding: 0 15px; margin-right: 15px; display: inline; }
#du9bandeau { margin: 0px 5px; padding: 0; width: 780px; height: 290px; }
#du9legal { width: 100%; height: 100%; text-align: center; padding: 0; margin: 0; border-collapse: collapse; }
.copyright { width: 100%; text-align: right; vertical-align: bottom; }
#legal { font-size: 9px; text-align: left; color: black; background-color: white; padding: 3px; }
#du9link:hover { background-color: transparent; }
a.nogrey:hover { background-color: transparent; }
a.nogrey:hover #PrevLink { background: transparent url(TempNav/prev.gif) left 50% no-repeat; }
a.nogrey:hover #NextLink { background: transparent url(TempNav/next.gif) right 50% no-repeat; }
#du9navigation { background-color: black; color: white; font-size: 14px; font-weight: bold; margin: 0 5px 25px 5px; padding: 3px 0; }
#navune { padding: 5px 2px 5px 15px; display: inline;  }
#navitem1, #navitem2, #navitem3, #navitem4, #navitem5, #navitem6, #navrech { padding: 5px 2px; display: inline; }
.courant { background-color: white; }
.courant a { color: black; text-decoration: none; }
.courant a:hover { background-color: white; }
.unset a { color: white; text-decoration: none; }
.unset a:hover { background-color: black; }
#du9navigation form { margin: 0; padding: 0; }
#du9navigation input.rechtexte { margin: 0; padding: 0; width: 85px; font-size: 9px; }

/* Edito */

#du9edito { background: url(IMG/edito.gif) top left no-repeat; padding: 0px 0px 0px 85px; font-size: 12px; margin: 15px 20px; }
.editointro { font-size: 30px; font-weight: bold; margin: 0; }
.editosig { background: url(IMG/editofin.gif) right no-repeat; padding: 10px 40px 10px 10px;
            font-size: 12px; font-style: italic; text-align: right; }

/* Nouveautés */

#du9nouveautes { background-color: black; color: white; font-size: 18px; font-weight: bold; padding: 2px 4px; margin: 15px 20px; }
#rubnouveautes { background-color: black; color: white; font-size: 18px; font-weight: bold; padding: 2px 4px; margin: 0 20px; }
a.nouveaulien { text-decoration: none; }
.nouveau { text-decoration: none; padding: 15px; margin-left: 5px; }
a .nouveau { text-decoration: none; }
a:hover .nouveau { background-color: #EEEEEE; }
.nouveau0 { text-decoration: none; margin: 0 20px; padding: 10px 0; }
a .nouveau0 { text-decoration: none; }
a:hover .nouveau0 { background-color: #EEEEEE; }
.nouveau1 { text-decoration: none; margin: 0 20px; padding: 10px 0; background-color: #E1E1E1;
            border-top: 1px dashed black; border-bottom: 1px dashed black; }
a .nouveau1 { text-decoration: none; }
a:hover .nouveau1 { background-color: #EEEEEE; }
.nouveautitre { font-size: 30px; font-weight: bold; }
.nouveaudetail { font-size: 11px; margin-bottom: 5px; }
.nouveautexte { font-size: 12px; }

/* Liste */

#du9liste { background-color: black; color: white; font-size: 18px; font-weight: bold; padding: 2px 4px; margin: 15px 20px 10px 20px; }
#du9listing { margin: 0 20px 20px 20px; }
#du9listing a { font-weight: bold; }
.liste0 { font-size: 13px; padding: 3px 0; }
.liste1 { font-size: 13px; background-color: #E1E1E1; padding: 3px 0; }
.listeitem { font-weight: bold; }
.listedate { font-size: 11px; }

/* Article */

#du9article { padding: 0 15px 15px 15px; margin-left: 5px; }
.zonetitre { margin-bottom: 10px; }
.titre { font-size: 35px; font-weight: bold; text-transform: uppercase; line-height: 0.9; }
.auteurs { font-size: 15px; font-weight: bold; }
.versions { font-size: 11px; }
.titreversion { font-weight: bold; }
.chroniqueur { font-size: 11px; }
a.motCle { color: black; }
a.motCle:hover { background-color: #EEEEEE; }
.zonecorps { font-size: 13px; margin-bottom: 5px; }
.logoarticle { float: left; clear: left; margin-right: 5px; padding-top: 3px; }
.chapeau { margin-bottom: 5px; font-weight: bold; font-style: italic; }
.Extrait { vertical-align: top; font-size: 0.8em; }
.signature { text-align: right; margin-top: 0; margin-bottom: 0.5em; }
.notes { padding: 10px; border-top: 2px dashed black; border-bottom: 2px solid black; background-color: #F2F0F1; font-size: 11px; }
a.spip_note { vertical-align: top; font-size: 0.8em; }
p.spip_note { margin: 3px 0 3px 0; }
.interaction { font-size: 12px; background-color: black; color: white; font-weight: bold; padding: 3px 10px; }
.interaction a { color: white; text-decoration: none; }
.interaction a:hover { text-decoration: none; background-color: black; }

/* Mot */

#du9mot { padding: 0 15px 15px 15px; margin-left: 5px; }
.interliste { font-weight: bold; margin-top: 10px; padding: 2px 4px; color: white; background-color: #585858; }

/* Forums */

#du9forums { padding: 15px; margin-left: 5px; }
#reactions { font-size: 20px; font-weight: bold; margin-bottom: 5px; }
.forum-fil { margin-bottom: 10px; }
.forumhack { border: 0; margin: 0; padding: 0; border-collapse: collapse; }
.forumhack td { vertical-align: top; border: 0; margin: 0; padding: 0; }
.forumnumber { font-size: 14px; font-weight: bold; color: white; text-align: center; width: 44px; padding: 5px 0; }
.forum0 .forumtexte { background-color: #C6C4C5; font-size: 11px; padding: 8px 15px; }
.forum0 .forumsujet { background: url(IMG/forum0.gif) top right no-repeat; padding: 10px; margin-bottom: 10px;
                      font-size: 12px; text-align: center; }
.forum1 .forumtexte { background-color: #E1E1E1; font-size: 11px; padding: 8px 15px; }
.forum1 .forumsujet { background: url(IMG/forum1.gif) top right no-repeat; padding: 10px; margin-bottom: 10px;
                      font-size: 12px; text-align: center; }
td.forum0 { background-color: #C6C4C5; }
td.forum1 { background-color: #E1E1E1; }
.forum-fils0 { background: url(IMG/forumfil0.gif) bottom no-repeat; }
.forumhack .forumhack .forum-fils0 .forumnumber { color: #C6C4C5; }
.forum-fils1 { background: url(IMG/forumfil1.gif) bottom no-repeat; }
.forumhack .forumhack .forum-fils1 .forumnumber { color: #E1E1E1; }
.forumtitre { font-size: 14px; font-weight: bold; text-transform: uppercase; color: #343434; }
.forumcorps { }
.forumcorps p.spip { margin-top: 1px; margin-bottom: 9px; }
.forumlien { font-weight: bold; padding-top: 5px; }
.forumsujet a { font-weight: bold; }

/* Brèves */

#du9moiscourant { background-color: white; font-size: 12px; padding: 0 15px 15px 15px;  margin-left: 5px; }
.breve0 { background-color: white; border-bottom: 1px dashed black; margin: 0; padding: 0; }
.breve1 { background-color: #F5F5F5; border-bottom: 1px dashed black; margin: 0; padding: 0; }
.breve0 td { font-size: 12px; vertical-align: top; }
.breve0 img { margin-top: 25px; border: 2px solid white; }
.breve1 td { font-size: 12px; vertical-align: top; }
.breve1 img { margin: 25px 5px; border: 2px solid white; }
.brevecorps { padding: 0 5px 15px 5px; }
.titrebreve { font-size: 35px; font-weight: bold; line-height: 0.9; margin: 5px 0 10px 0; }
.datebreve { background-color: #585858; color: white; padding: 3px; margin-top: 15px; font-weight: bold; text-transform: uppercase; }
.references { margin-top: 10px; font-size: 11px; }
#du9archives { background-color: white; font-size: 12px; padding: 10px 15px; }
#du9date { line-height: 0.9; margin-bottom: 20px; }
.mois { font-size: 40px; font-weight: bold; }
.annee { font-size: 50px; font-weight: bold; color: #585858; }
.archive { font-weight: bold; text-transform: uppercase; margin-bottom: 10px; }

/* Découvertes */

#du9decouverte { padding: 0 15px 15px 15px; margin-left: 5px; }
#du9menu { background-color: white; font-size: 12px; padding: 45px 0 10px 0; }
.decouverte { padding-left: 15px; margin: 0 0 7px 10px; font-size: 14px; font-weight: bold; text-transform: uppercase; }
.decouverte a.courant { color: gray; }
.decouverte a.unset { color: black; }
.titredec { font-size: 40px; font-weight: bold; }
.soustitredec { font-size: 15px; font-weight: bold; }
.listemot td { text-align: left; vertical-align: top;  width: 33%; }
.listelettre { font-size: 12px; margin-bottom: 10px; }
.grille { border: 0; margin-left: -15px; }
.grille td { padding: 15px; border: 2px solid black; width: 33%; height: 180px; text-align: center;
             vertical-align: center; font-size: 11px; text-transform: uppercase; }
.grille td a { font-size: 14px; font-weight: bold; }
.grille tr.blanc td { padding: 2px 5px; width: 33%; height: 20px; }
td.autreselection { font-size: 14px; font-weight: bold; background-color: black; text-align: center; }
td.autreselection a { color: white; background-color: black; text-decoration: none; }
td.autreselection a:hover { color: white; background-color: black; text-decoration: none; }


/* Encart */

#du9encart { background-color: white; font-size: 12px; padding-bottom: 10px; }
#sites { background-color: black; color: white; font-size: 12px; font-weight: bold; padding: 2px 15px; margin-bottom: 7px; }
#memes { background-color: black; color: white; font-size: 12px; font-weight: bold; padding: 2px 15px; margin-bottom: 7px; }
#conseils { background-color: black; color: white; font-size: 12px; font-weight: bold; padding: 2px 15px; margin-bottom: 7px; }
.encartitem { padding-left: 15px; margin: 0 0 7px 10px; font-size: 11px; background: url(IMG/bullet2.gif) top left no-repeat; }
.encartitem a { font-weight: bold; }

/* Brèves (colonne de droite) */

#du9breves { background-color: black; color: white; font-size: 12px; font-weight: bold; padding: 2px 15px; margin-bottom: 10px; }
.breve { padding: 0 20px 0 15px; margin-bottom: 30px; }
.breve img { margin-left: 10px; border: 2px solid white; }
.brevetitre { padding-left: 15px; font-size: 12px; font-weight: bold; background: url(IMG/bullet.gif) top left no-repeat; }
.brevedate { padding-left: 15px; font-size: 11px; margin-bottom: 10px; }
.brevetexte { font-size: 10px; }

/* Nouveautés (colonne de droite) */

#du9news { background-color: black; color: white; font-size: 12px; font-weight: bold; padding: 2px 15px; margin-bottom: 10px; }
#newslist { margin-bottom: 15px; }
.news { padding-left: 15px; margin-bottom: 3px; font-size: 11px; background: url(IMG/bullet.gif) top left no-repeat; }
.news a { font-weight: bold; }

/* Réactions */

#du9reactions { background-color: black; color: white; font-size: 12px; font-weight: bold; padding: 2px 15px; margin-bottom: 10px; }
.reaction0, .reaction1 { padding: 0 15px; margin-bottom: 10px; }
.reaction0 .reactiontexte { background-color: #C6C4C5; font-size: 11px; padding: 8px 15px; }
.reaction0 .reactionsujet { background: url(IMG/reaction0.gif) top right no-repeat; padding: 10px;
                            font-size: 10px; text-align: center; }
.reaction1 .reactiontexte { background-color: #A7A5A6; font-size: 11px; padding: 8px 15px; }
.reaction1 .reactionsujet { background: url(IMG/reaction1.gif) top right no-repeat; padding: 10px;
                            font-size: 10px; text-align: center; }
.reacteur { font-weight: bold; }

/* Abonnement, syndication */

#du9abonnement { background-color: black; color: white; font-size: 12px; font-weight: bold; padding: 2px 15px; margin-bottom: 10px; }
.abonnement { padding: 0 15px; margin-bottom: 10px; font-size: 11px; }
#du9syndication { background-color: black; color: white; font-size: 12px; font-weight: bold; padding: 2px 15px; margin-bottom: 10px; }
.syndication { padding: 0 15px; margin-bottom: 10px; font-size: 11px; }

/* Footer */
#du9footer { background-color: black; font-size: 12px; padding: 2px 15px; margin: 0 5px; }
#du9footer a { color: white; text-decoration: none; }
#du9footer a:hover { background-color: black; text-decoration: underline;  }
#du9copyright { background-color: black; color: silver; font-size: 10px; padding: 2px 15px; margin: 0 5px; }


/* Recherche */
#du9recherche { padding: 0 15px 15px 15px; margin-left: 5px; font-size: 14px; font-weight: bold;
                text-transform: uppercase; line-height: 0.9; }
.texterecherche { font-size: 35px; }
.recherchetype { background-color: black; color: white; font-size: 18px; font-weight: bold; padding: 2px 4px; margin: 15px 20px; }
.resultat { text-decoration: none; padding: 15px; margin-left: 5px; }
a .resultat { text-decoration: none; }
a:hover .resultat { background-color: #EEEEEE; }

/* Page forum.php3 */

#reagir { font-size: 20px; font-weight: bold; margin-bottom: 5px; }
.articlebref { background-color: #F5F5F5; border-top: 1px dashed black; border-bottom: 1px dashed black;
               padding: 15px 3px; margin-bottom: 15px; }
legend { color: black; }
.spip_encadrer { width : 100%; background-color: white; padding: 5px; border: 1px #666666 solid; }
.spip_encadrer p { margin: 2px 0 5px 0; font-size: 0.8 em; }
.forml { width: 100%;  background-color: #ececec; margin: 4px; padding: 1px; border: dashed 1px #909090; font-size: 90%; }
.formulaire { color: black; margin: 0 0 16px 0; padding: 4px; border: 1px solid #a0a0a0;
              background-color: #f6f6f6; font-size: 80%; font-weight: normal; }
.spip_bouton { border: 2px solid #404040; padding: 3px; background: #d0d0d0; margin-top: 5px; }
a.spip_barre img { border-left: 1px solid #ffffff; border-top: 1px solid #ffffff; border-right: 1px solid #aa9966;
                   border-bottom: 1px solid #aa9966; padding: 3px; background-color: #FFDDAA; }
a.spip_barre:hover img { border: 1px solid #808080; padding: 3px; background-color: #f8f8f4; }
