/*
# style.css @ www.nah-ko.org
# Copyright (C) by Christophe Truffier
# christophe.truffier@nah-ko.org
*/

/* defaults */
BODY, TABLE, INPUT {
    font-family:  verdana, arial, helvetica, sans-serif;
    font-style:   normal;
    font-size:    9pt;
    color:        #ea9e64;
    table-layout: fixed;
    }

BODY {
    margin: 5px;
    background-color:#FFFFFF;
    color:#000000;
    }
      
A, A:link, A:visited, A:hover, A:active {
    font-family:Verdana;
    font-style:normal;
    text-decoration:none;
    color:#ea9e64;
    border:none;
    }
      
A:hover {
    color:#333333;
    border:solid 0px #000000;
    background-color:#eac4a6;
    }

A#clean {
    text-decoration:  none;
    background-color: transparent;
    border:           none;
    }
      
H1, H2, H3, H4, H5, H6 {
    color:          #2D219D;
    text-transform: capitalize;
    text-align:     center;
    }

H2, H3, H4, H5, H6 {
    text-align: left;
    }
      
INPUT {
    margin:0px;
    padding:0px;
    border-width:1px;
    border-style:solid;
    text-align:left;
    }

TABLE, TD, TR {
      table-layout:auto;
      margin:0px;
      padding:0px;
      border-width:0px;
      }
      
TABLE {
      background-color:#FFFFFF;
      color:#000000;
      }

TD, TR {
      border-style:solid;
      border-width:0px;
      border-color:#6C87A4;
      }

INPUT.button {
      border-style:solid;
      border-width:1px;
      border-color:#000000;
      text-align:center;
      background-color:#EFEFEF;
      height:20px;
      }

INPUT.checkbox {
      border-style:solid;
      border-width:0px;
      border-color:#000000;
      text-align:center;
      background-color:#FFFFFF;
      }

/* menu table, top of the page */
TABLE.table_main_top {
      border-style:solid;
      border-width:0px;
      border-color:#000000;
      margin-bottom:5px;
      }

TD.td_main_top {
      border-style:solid;
      border-width:0px;
      border-color:#000000;
      padding:0px;
      }

/* menu line */
TD.td_main_top_menu {
      border-style:solid;
      border-color:#377fc6;
      border-width:thin;
      border-style:dotted;
      background-color:#FFFFFF;
      height: 25px;
      padding:2px;
      color:#949CA6;
      }

/* footer line */
TABLE.table_main_buttom {
      border-width:0px;
      border-color:#000000;
      margin-top:5px;
      }

/* footer line td */
TD.td_main_buttom {
      border-style:solid;
      border-width:0px;
      border-color:#000000;
      background-color:#E2E7ED;
      height:23px;
      color:#949CA6;
      font-size:9px;
      }

/* content css */
TABLE.table_main_center {
      border-style:solid;
      border-width:0px;
      border-left-width:0px;
      border-right-width:0px;
      }

TD.td_main_menu {
      border-style:solid;
      border-width:0px;
      border-right-width:1px;
      }
      
TD.td_main_center {
      border-style:solid;
      border-width:0px;
      }

/* forms */
TD.td_form {
      background-color:#FFFFFF;
      border-style:solid;
      border-width:0px;
      padding:0px;
      }

/* 
Definitions pour le tableau
contenant menu et corps de la page
*/
TABLE.content_table {
      width:            1024px;
      background-color: #FFFFFF;
      border-style:     solid;
      border-width:     0px;
      }

TD.content_title_bar {
      text-align:       left;
      font-weight:      bold;
      background-color: #FFFFFF;
      border-style:     solid;
      border-color:     #000000;
      border-width:     0px;
      }

TD.content_menu {
      text-align:       left;
      vertical-align:   top; 
      background-color: #FFFFFF;
      border:           thin dotted #377fc6;
      padding:          5px;
      width:            200px;
      }      

TD.content_empty_menu {
      text-align:	center;
      vertical-align:	top; 
      background-color	#FFFFFF;
      border:		thin dotted #377fc6;
      padding:		5px;
      width:		200px;
      }      
            
TD.content_text {
      text-align:	left;
      background-color:	#FFFFFF;
      border:		thin dotted #377fc6;
      padding:		5px;
      width:		600px;
      }

.content_title {
      font-weight:	bold;
      }

.news_title {
      background-color:	#FFFFFF;
      }

.content_sub_title {
      font-weight:	normal;
      font-style:	italic;
      }
      
#error {
      font-weight:	bold;
      color:		#FF0000;
      }
      
#hint {
      font-weight:bold;
      color:#000000;
      }

h1#news_intro {
      font-size:14px;
      font-weight:bold;
      }

TD.titrenews {
      border:		    solid 1px #3C63DC;
      background-color:	    transparent;
      background:	    url("img/H.gif");
      background-attachment: fixed;
      background-position:  center;
      background-repeat:    repeat;
      margin:		    0px;
      padding:		    2px;
      }
      
TD.corpsnews {
      border: solid 1px #C66400;
      margin:0px;
      padding:5px;
      }
      
TD.datembot {
      width:120px;
      border: dashed 1px black;
      font-weight:bold;
      background-color:#eee;
      margin:0px;
      padding:2px;
      }
      
TD.sujetmbot {
      border: dotted 1px #56c0ea;
      font: bold small-caps 14pt "Sanvito", cursive;
      text-align: right;
      background-color: transparent;
      margin:0px;
      padding:2px;
      }
      
TD.corpsmbot {
      border: solid 1px #3C63DC;
      background-color: transparent;
      margin:0px;
      padding:2px;
      }
      
A.mbot {
      color:#2756e5;
      }

A.mbot:hover {
      color:#89a0e5;
      border:solid 0px #000000;
      background-color:transparent;
      }

img.mbot {
      float: left;
      clear: left;
      margin: 0 1em 0 0;
}

div#main {
      border: 1px solid black;
      width: 75%;
      margin: 1em 12.5% 2em;
      background: #e5dcb7;
      }

div#main h2 {
      margin: 0;
      padding: 0.25em 1em 0.125em 0;
      background: #8AB;
      text-align: right;
      text-transform: lowercase;
      font-family: sans-serif;
      border-bottom: 1px solid #68A;
      }

div#main p {
      padding: 0.5em 1em;
      margin: 0;
      }

div#punch {
      float: left;
      width: 10%;
      text-align: left;
      font-size: 70%;
      padding: 1em;
      background: white;
      color: black;
      border: solid black 1px;
      border-width: 0 1px 1px 0;
      margin: -1px 0.5em 0.2em -1px;
      }

#bafouille {
      float: left;
      position: relative;
      top: 0px;
      left: 33%;
      width: 33%;
      font: bold small-caps 8pt "Sanvito", cursive;
      text-align: center;
      padding: 10px;
      background: #eee;
      }

TD.galerie {
      border-style:dotted;
      border-width:1px;
      border-color:#DD7724;
      margin:0px;
      padding:0px;
      }
      
A.galerie {
      color:#2756e5;
      }

A.galerie:hover {
      color:            #89a0e5;
      border:           solid 0px #000000;
      background-color: transparent;
      }

A.rrdtool {
      color: #2756e5;
      }

A.rrdtool:hover {
      color:            #89a0e5;
      border:           solid 0px #000000;
      background-color: transparent;
      }

/* Footer Copyright */
div.copyright {
    border:              thin solid black;
    background-color:    #eee;
    background-position: 0 0;
    padding:             2px;
    vertical-align:      middle;
    width:               1021px;
    position:            fixed;
    bottom:              0px;
    text-align:          center;
    font-family:         sans-serif;
    }

p {
    text-align: justify;
    }

pre {
    background: lightgray;
    border-top: solid black 1px;
    border-bottom: solid black 1px;
    }

div.apropos {
    border:     none;
    padding:    5px;
    margin:     2% 7%;
    }

div.apropos_box {
    border:     none;
    padding:    4px;
    text-align: justify;
    }

img.apropos {
    border: none;
    float: left;
    clear: left;
    margin: 0 0.3em 0 0;
    }

div.screenshots {
    border:     none;
    padding:    5px;
    margin:     2% 7%;
    }

textarea {
    margin: 0px;
    padding: 0px;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    }

div.zik_empty {
    width:400px;
    border: dashed 1px #3C63DC;
    /* font-weight:bold; */
    background-color:#eee;
    margin:0px;
    padding:2px;
    }

div.zik_image {
    width:400px;
    height:100px;
    border: dashed 1px #3C63DC;
    /* font-weight:bold; */
    background-color:#eee;
    margin:0px;
    padding:2px;
    }

div.zik_global {
    border:     none;
    padding:    5px;
    margin:     2% 20%;
    }

img.zik {
    float: left; 
    clear: left;
    margin: 0 1em 0 0;
    }