/* Neztlac Intranet - feuille de style commune
   Compatible IE5+ / Netscape 6+ (degradation propre sur Netscape 4). */

body {
  margin: 0; padding: 0;
  background: #4b5a68 url(gifs/bg_tile.gif);
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px; color: #000000;
}
td, th, p, div, li { font-size: 11px; }
a { color: #0033aa; text-decoration: underline; }
a:hover { color: #cc0000; }
img { border: 0; }
form { margin: 0; padding: 0; }

/* --- Colonne centrale (le "site") ---
   Mise en page "liquide" : largeur en pourcentage (adaptation a la fenetre,
   technique d'epoque) plafonnee par max-width sur les navigateurs qui le
   supportent. Les tres vieux navigateurs (IE5/6) ignorent max-width et
   restent simplement en pleine largeur relative, sans scroll horizontal. */
.page {
  width: 92%; max-width: 780px; margin: 12px auto; background: #ffffff;
  border: 1px solid #16202b;
}
.page.wide { width: 96%; max-width: 940px; }

/* --- En-tete / banniere --- */
.hdr { background: #003366; border-bottom: 3px solid #6c8fb8; padding: 0; }
.hdr .brand { padding: 8px 12px; }
.hdr .brand .name { font-family: Georgia,"Times New Roman",serif; font-size: 24px;
  font-weight: bold; color: #ffffff; letter-spacing: 1px; }
.hdr .brand .tag { color: #a9c4e2; font-size: 10px; }
.hdr .brand .meta { color: #a9c4e2; font-size: 10px; }

/* --- Barre de navigation principale --- */
.nav {
  background: #001d33; border-top: 1px solid #6c8fb8;
  border-bottom: 1px solid #000000; padding: 4px 6px;
}
.nav a { color: #ffffff; font-weight: bold; text-decoration: none;
  font-size: 11px; padding: 2px 8px; }
.nav a:hover { color: #ffff00; background: #003a66; }
.nav a.right { float: right; color: #ffdd66; }
.nav .sep { color: #33648f; padding: 0 1px; }

/* --- Corps --- */
.main { padding: 14px; }
h1 { color: #003366; font-size: 16px; margin: 0 0 8px 0; }
h2 { color: #003366; font-size: 13px; margin: 0 0 6px 0; }
hr { border: 0; border-top: 1px solid #cccccc; height: 1px; }

/* --- Barre de titre de section (remplace la fausse fenetre) --- */
.sect { background: #003366; color: #ffffff; font-weight: bold;
  padding: 4px 8px; font-size: 12px; }
.sect img { vertical-align: middle; }

/* --- Panneaux encadres --- */
.panel { border: 1px solid #9aa7b4; background: #f6f8fa; margin-bottom: 12px; }
.panel .h { background: #c9d6e3; color: #003366; font-weight: bold;
  padding: 3px 8px; border-bottom: 1px solid #9aa7b4; }
.panel .b { padding: 10px; }
.note { border: 1px solid #b9a400; background: #fffbdd; color: #6b5b00;
  padding: 6px 8px; }

/* --- Colonne laterale (menu / systemes) --- */
.side { width: 172px; background: #e7edf3; border-right: 1px solid #9aa7b4;
  vertical-align: top; padding: 0; }
.side .box { border-bottom: 1px solid #cbd6e0; }
.side .box .h { background: #003366; color: #ffffff; font-weight: bold;
  padding: 3px 8px; font-size: 11px; }
.side .box .b { padding: 6px 8px; }
.side a.item { display: block; text-decoration: none; color: #003366;
  padding: 2px 4px 2px 2px; font-weight: bold; }
.side a.item:hover { background: #cddcea; color: #cc0000; }
.side a.item img { vertical-align: middle; margin-right: 4px; }
.side a.on { background: #ffedb3; }

/* --- Tables de donnees (liste de telechargements) --- */
.grid { border-collapse: collapse; width: 100%; background: #ffffff;
  border: 1px solid #7f8c99; }
.grid th { background: #c9d6e3; border: 1px solid #7f8c99; padding: 4px 6px;
  text-align: left; color: #003366; font-size: 11px; }
.grid td { border: 1px solid #d6dde4; padding: 4px 6px; font-size: 11px;
  vertical-align: top; }
.grid tr.alt td { background: #eef3f7; }

/* --- Boutons biseautes (usage : vrais boutons) --- */
.btn { font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight: bold;
  background: #dfe3e8; color: #000000;
  border: 2px solid; border-color: #ffffff #7a7a7a #7a7a7a #ffffff;
  padding: 2px 12px; cursor: pointer; }
.btn:active { border-color: #7a7a7a #ffffff #ffffff #7a7a7a; }

/* --- Champs --- */
input.f, select.f, textarea.f {
  font-family: Verdana, Arial, sans-serif; font-size: 11px;
  background: #ffffff; border: 2px solid; border-color: #7a7a7a #dcdcdc #dcdcdc #7a7a7a;
  padding: 2px; }

/* --- Pied de page --- */
.ftr { background: #e7edf3; border-top: 1px solid #9aa7b4;
  text-align: center; padding: 10px; font-size: 10px; color: #4a5560; }
.ftr a { color: #003366; }

/* --- Compteur de visites facon odometre --- */
.counter { background: #000000; color: #33ff33; font-family: "Courier New",monospace;
  font-weight: bold; padding: 1px 4px; letter-spacing: 3px; border: 1px solid #333; }

/* --- Petit badge "conforme" (fait maison, sans logo tiers) --- */
.badge { border: 1px solid #003366; background: #eef3f7; color: #003366;
  font-size: 9px; font-weight: bold; padding: 1px 4px; text-decoration: none; }