/* Général */

body { font-size: small; }
a { color: black; }
a:hover { background-color: #EEEEEE; }
a img { border: 0; }
p.spip { margin-top: 1px; margin-bottom: 9px; }
.troispoints { font-weight: bold; color: white; background-color: black; }
hr { border:0; width: 50%; }

/* Bandeau de navigation */

#du9titre { padding: 30px 5px 15px 5px; font-size: 35px; font-weight: bold; }
#du9titre a:hover { background-color: transparent; }
.du9neg { background-color: black; color: white; padding: 0 15px; margin-right: 15px; display: inline; }
#du9loading { background: transparent url(TempNav/loading-anim.gif) 50% 50% no-repeat; }
#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: 100%; margin: 15px 20px; }
.editointro { font-size: 250%; font-weight: bold; margin: 0; line-height: 0.95; }
.editosig { background: url(IMG/editofin.gif) right no-repeat; padding: 10px 40px 10px 10px;
            font-size: 12px; font-style: italic; text-align: right; }
#du9edito2 { background: url(IMG/emploi.gif) top left no-repeat; padding: 0px 0px 0px 85px; font-size: 100%; margin: 15px 20px; }
#du9edito3 { background: url(IMG/ours.gif) top left no-repeat; padding: 0px 0px 0px 85px; font-size: 100%; margin: 15px 20px; }
#du9edito537 { background: url(IMG/quoi.gif) top left no-repeat; padding: 0px 0px 0px 85px; font-size: 100%; margin: 15px 20px; }
#du9edito944 { background: url(IMG/abon.gif) top left no-repeat; padding: 0px 0px 0px 85px; font-size: 100%; margin: 15px 20px; }
#du9404 { background: url(IMG/404.gif) top left no-repeat; padding: 0px 0px 0px 85px; font-size: 100%; margin: 15px 20px; }

/* Nouveautés */

#du9nouveautes { background-color: black; color: white; font-size: 150%; font-weight: bold; padding: 2px 4px; margin: 15px 20px; }
#rubnouveautes { background-color: black; color: white; font-size: 150%; 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; }
.nouveau0 img { margin-right: 10px; margin-bottom: 10px; }
.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; }
.nouveau1 img { margin-right: 10px; margin-bottom: 10px; }
.nouveautitre { font-size: 300%; font-weight: bold; line-height: 0.95; }
.nouveaudetail { font-size: 92%; margin-bottom: 5px; }
.nouveautexte { font-size: 100%; }

/* Liste */

#du9liste { background-color: black; color: white; font-size: 150%; font-weight: bold; padding: 2px 4px; margin: 15px 20px 10px 20px; }
#du9liste a { color: white; text-decoration: none; }
#du9liste a:hover { background-color: black; text-decoration: underline; }
#du9listing { margin: 0 20px 20px 20px; }
#du9listing a { font-weight: bold; }
.liste0 { font-size: 108%; padding: 5px 0; }
.liste1 { font-size: 108%; background-color: #E1E1E1; padding: 5px 0; }
.listeitem { font-weight: bold; }
.listedate { font-size: 92%px; }

/* Article */

#du9article { padding: 0 15px 15px 15px; margin-left: 5px; }
.zonetitre { margin-bottom: 10px; }
.titre { font-size: 350%; font-weight: bold; text-transform: uppercase; line-height: 0.9; }
.auteurs { font-size: 125%; font-weight: bold; }
.versions { font-size: 92%; }
.titreversion { font-weight: bold; }
.chroniqueur { font-size: 11px; }
a.motCle { color: black; }
a.motCle:hover { background-color: #EEEEEE; }
.zonecorps { font-size: 108%; margin-bottom: 5px; }
.logoarticle { float: left; clear: left; margin-right: 15px; margin-bottom: 15px; padding-top: 3px; }
.chapeau { margin-bottom: 5px; font-weight: bold; font-style: italic; }
.Extrait { vertical-align: top; font-size: 80%; }
.signature { text-align: right; margin-top: 0; margin-bottom: 0.5em; }
.notes {  margin-top: 20px; padding: 10px; border-top: 1px dashed black; border-bottom: 1px solid black;
          background-color: #F2F0F1; font-size: 92%; }
a.spip_note { vertical-align: top; font-size: 0.8em; font-weight: bold; }
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; }
.entretien .question { font-weight: bold; color: blue; }

/* 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; font-size: 92%; }
.forumnumber { font-size: 14px; font-weight: bold; color: white; text-align: center; width: 44px; padding: 5px 0; }
.forum0 .forumtexte { background-color: #C6C4C5; font-size: 85%; padding: 8px 15px; }
.forum0 .forumsujet { background: url(IMG/forum0.gif) top right no-repeat; padding: 10px; margin-bottom: 10px;
                      font-size: 85%; text-align: center; }
.forum1 .forumtexte { background-color: #E1E1E1; font-size: 85%; padding: 8px 15px; }
.forum1 .forumsujet { background: url(IMG/forum1.gif) top right no-repeat; padding: 10px; margin-bottom: 10px;
                      font-size: 85%; 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 { background: url(IMG/forumfil0b.gif) bottom no-repeat; }
.forumhack .forumhack .forum-fils0 .forumnumber { color: #C6C4C5; font-size: 4px; width: 28px; padding: 0 }
.forum-fils1 { background: url(IMG/forumfil1.gif) bottom no-repeat; }
.forumhack .forumhack .forum-fils1 { background: url(IMG/forumfil1b.gif) bottom no-repeat; }
.forumhack .forumhack .forum-fils1 .forumnumber { color: #E1E1E1; font-size: 4px; width: 28px; padding: 0 }
.forumtitre { font-size: 125%; font-weight: bold; text-transform: uppercase; color: #343434; }
.forumcorps { width: 100%; }
.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: 100%; 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: 100%; vertical-align: top; }
.breve0 img { margin-top: 13px; border: 2px solid white; }
.breve1 td { font-size: 100%; vertical-align: top; }
.breve1 img { margin: 13px 5px; border: 2px solid white; }
.brevecorps { padding: 0 5px 15px 5px; }
.titrebreve { font-size: 300%; 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: 92%; }
#du9archives { background-color: white; font-size: 100%; padding: 10px 15px; }
#du9date { line-height: 0.9; margin-bottom: 20px; }
.mois { font-size: 330%; font-weight: bold; }
.annee { font-size: 400%; 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: 100%; padding: 45px 0 10px 0; }
.decouverte { padding-left: 15px; margin: 0 0 7px 10px; font-size: 125%; font-weight: bold; text-transform: uppercase; }
.decouverte a.courant { color: gray; }
.decouverte a.unset { color: black; }
.titredec { font-size: 400%; font-weight: bold; }
.soustitredec { font-size: 125%; font-weight: bold; }
.listemot td { text-align: left; vertical-align: top;  width: 33%; }
.listelettre { font-size: 100%; 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: 92%; text-transform: uppercase; }
.grille td a { font-size: 115%; font-weight: bold; }
.grille td a img { border: 0; }
.grille tr.blanc td { padding: 2px 5px; width: 33%; height: 20px; }
.grillextrait { border: 0; margin-left: -15px; }
.grilleextrait td { padding: 0; border: 0; margin-bottom: 15px; text-align: center; vertical-align: center; text-transform: uppercase; }
.grilleextrait tr.blanc td { padding: 2px 5px; width: 33%; height: 20px; }
td.autreselection { font-size: 12px; 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: 100%; padding-bottom: 10px; }
#sites { background-color: black; color: white; font-size: 100%; font-weight: bold; padding: 2px 15px; margin-bottom: 7px; }
#memes { background-color: black; color: white; font-size: 100%; font-weight: bold; padding: 2px 15px; margin-bottom: 7px; }
#conseils { background-color: black; color: white; font-size: 100%; font-weight: bold; padding: 2px 15px; margin-bottom: 7px; }
.encartitem { padding-left: 15px; margin: 0 0 7px 10px; font-size: 92%; background: url(IMG/bullet2.gif) top left no-repeat; }
.encartitem a { font-weight: bold; }

/* Traductions */
#du9oped { background: url(IMG/oped.gif) top left no-repeat; padding: 0px 0px 0px 85px; font-size: 100%; margin: 15px 20px; }
#du9trads { background-color: #B5B3B4; color: white; font-size: 100%; font-weight: bold; padding: 2px 15px; margin-bottom: 10px; }
#du9trads a { color: white; text-decoration: none; }
#du9trads a:hover { color: white; text-decoration: none; background-color: #B5B3B4; }

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

#du9breves { background-color: black; color: white; font-size: 100%; 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: 115%; font-weight: bold; background: url(IMG/bullet.gif) top left no-repeat; }
.brevedate { padding-left: 15px; font-size: 92%; margin-bottom: 10px; }
.brevetexte { font-size: 85%; }

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

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

/* Les plus lus (colonne de droite) */

#du9lus { background-color: black; color: white; font-size: 100%; font-weight: bold; padding: 2px 15px; margin-bottom: 10px; }
#luslist { margin-bottom: 15px; }
.lus { padding-left: 15px; margin-bottom: 3px; font-size: 92%; background: url(IMG/bullet.gif) top left no-repeat; }
.lus a { font-weight: bold; }

/* Réactions */

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

/* Abonnement, syndication */

#du9abonnement { background-color: black; color: white; font-size: 100%; font-weight: bold; padding: 2px 15px; margin-bottom: 10px; }
#jabon { display: none; margin-bottom: 5px; }
#jabon form { margin: 0; }
.abonnement { padding: 0 15px; margin-bottom: 10px; font-size: 92%; }
.abonnement a { font-size: 115%; font-weight: bold; text-decoration: none; }
.abonnement a:hover { color: red; background-color: transparent; }
#abonok { display: none; font-size: 100%; font-weight: bold; text-transform: uppercase; color: red; text-align: center;
          padding: 5px; border: 1px dashed red; margin: 0 15px 10px 15px; }
.syndication { padding: 0 15px; margin-bottom: 10px; font-size: 92%; }
table.abonform td.format { font-size: 10px; }


/* 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: 115%; font-weight: bold;
                text-transform: uppercase; line-height: 0.9; }
.texterecherche { font-size: 300%; }
.titreForum { font-size: 115%; font-weight: bold; }
.recherchetype { background-color: black; color: white; font-size: 150%; font-weight: bold; padding: 2px 4px; margin: 15px 20px; }
.resultat0 { text-decoration: none; padding: 15px; margin-left: 5px; }
a .resultat0 { text-decoration: none; }
a:hover .resultat0 { background-color: #EEEEEE; }
.resultat1 { text-decoration: none; padding: 15px; margin-left: 5px; background-color: #E1E1E1;
             border-top: 1px dashed black; border-bottom: 1px dashed black; }
a .resultat1 { text-decoration: none; }
a:hover .resultat1 { background-color: #EEEEEE; }

/* Page forum.php3 */

#reagir { font-size: 160%; 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.8em; }
.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 #585858;
                   border-bottom: 1px solid #585858; padding: 3px; background-color: #cccccc; }
a.spip_barre:hover img { border: 1px solid #808080; padding: 3px; background-color: #f8f8f4; }

/* Envoi */

#jmailto { display: none; background-color: #F5F5F5; border-bottom: 1px dashed black; padding: 5px 10px; margin-bottom: 15px; }
#jmailto form { margin: 0; }
#jmailto p { margin-top: 1px; margin-bottom: 9px; }
#mailform { width: 450px; margin: 0; }
#mailform td { font-size: 12px; font-weight: bold; text-transform: uppercase; vertical-align: top; }
#mailform td .field { width: 220px; }
#envoiok { display: none; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #585858; text-align: center;
           padding: 5px; border: 1px dashed #585858; margin: 2px 0; }

/* Documents et images */
.spip_documents_right { margin-left: 15px; margin-bottom: 15px; }
.spip_documents_left { margin-right: 15px; margin-bottom: 15px; }
.spip_out img { border: 0; margin: 0; }
.encartitem img { border: 0; margin: 0; }
.spip_doc_titre { font-size: 12px; text-align: center; }

/* Tableaux */
table.spip { margin: auto; border: 1px solid #999999; border-collapse: collapse; font-size: 80%; margin-bottom: 15px; }
table.spip caption { caption-side: top; text-align: center; margin: auto; padding: 3px; font-weight: bold; }
table.spip tr.row_first { color: white; background-color: black; }
table.spip tr.row_odd { background-color: #d0d0d0; }
table.spip tr.row_even { background-color: #F0F0F0; }
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }

/* \*/
* html .reaction0, * html .reaction1 {
  overflow: hidden;
  o\verflow: visible;
  width: 100%;
  w\idth: auto;
  he\ight: 1%;
}
/* */