html {
	height:100%; 
	max-height:100%; 
	padding:0; 
	margin:0; 
	border:0; 
	background:#eee; 
	font-family: Verdana, sans-serif;
}


body {
	margin: 0px 0 ;
	padding: 0 ;
	text-align: center ;
	overflow: hidden ; 
	font-size: 76% ; 
}

code {
    font-size: 1.1em;
	font-family: "Courier New", serif;
    color: #222 ; 
    display: block ; 
    padding: 1em 3em ; 
}

tt {
    font: 1em "Courier New", courier, serif ; 
    color: #222 ; 
}

div#main {
	margin: 0 auto ;
	text-align: left ;
}

div#header {
   height: 60px ;
   position: absolute ;
   left: 80px;
   right: 60px ;
   background: black ;
}

h1#header {
	height: 60px ;
	background: url(../img/esi.namok.png) no-repeat center top ; 
	text-indent: -10000px ; 
	margin: 2px ; 
}

* h1#header {
   background: url(../img/esi.namok.png) no-repeat center top ;
}  


h1#header a {
	display: block ; 
	height: 80px ; 
}

div#menu{
	color: #c60 ; 
	height: 20px ; 
	background: black ; 
	text-align: left ; 
	padding: 4px 0px 4px 0px ; 
	border: 0 ; 
	position: absolute ; 
	top: 60px ; 
	left: 80px ; 
	right: 60px ; 
	font: 1em Arial, serif  ; 
	z-index: 100 ; 	
}

dl, dt, dd, ul, li {
	list-style-type: none ; 
	padding: 3px 0 ; 
	margin: 0 ; 
}

dd  {
	margin: .3em 2em 0 2em ;
	color: #999;
}



#menu dl, #menu dt, #menu dd, #menu ul, #menu li {
	list-style-type: none ; 
	padding: 0 ; 
	margin: 0 ; 
}

#menu dl {
	float: left ; 
	width: 80px ; 
	margin: 0 ; 
}

#menu dl a {
	color: #c60 ; 
	text-decoration: none ; 
}

#menu dl a:hover {
	text-decoration: underline;
}

#menu dt {
	cursor: pointer;
	text-align: center ; 
	margin: 1px ; 
	padding-left: 3px ; 
}

#menu dd {
	display: none;
	background-color: #eee ; 
	text-align: left ; 
	border-left: 1px solid #c60 ; 
}

#menu dd a {
	color: black ; 
}


/*a#menu {
	color: #c60 ; 
	text-decoration: none ; 
	font: 1em cursive, times, serif  ; 
}

a:hover#menu  {
	text-decoration: underline ; 
}*/




#content {
	display: block ; 
	position: absolute; 
	left: 80px ; 
	right: 60px ; 
	padding-right: 50px ; 
	padding-left: 80px ; 
	padding-bottom: 20px ; 
	top: 100px; 
	bottom: 35px ; 
	overflow: auto ;
	text-align: justify ; 
	border: solid 1px #ccc ; 
	background: #fff;
	z-index: 5 ; 
}


#content h1, h2, h3, h4, h5 {
	color: #999; 
	font-family: Tahoma, sans-serif ;
	text-align: left ; 
}

#content h1 {
	font-size: 2em ;
}

#content h2 {
	font-size: 1.6em ;
}

#content a {
	color: #c60 ; 
	text-decoration: none ; 
}

#content a:hover {
	text-decoration: underline ; 
}

#content a[href^="http:"] {
   background: transparent url('../img/aoutside.gif') right center no-repeat;
   padding-right: 10px;
}

#content a[href^="http://localhost"],
#content a[href^="http://esi.namok.be/"] {
   background: inherit;
   padding-right: 0px;
}

#content a img {
	margin-right: -10px;
	vertical-align: bottom;
}

#content ul {
}

#content li {
	list-style-position: inside ; 
	list-style-type:square ;
	list-style-image:url(../img/puce.gif) ;
	padding: 0 0 0 10px ; 
}

#content li ul li {
	padding: 0 0 0 20px ; 
}

#content dt {
	background-image: url(../img/puce.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	padding: 0 0 0 20px;
}

#content dd {
	padding: 0 0 5px 20px;
}

#content table {
	font-size:1em;
}

#content blockquote {
	border: #C60 1px solid ; 
        background: #FEB ; 
	padding: 5px 15px ; 
}

.floatleft {
   float:left;
   top:100px;
   left:150px;
   background:#ccc;
   border:1px solid #444;
   margin: 0px;
   margin-right: 25px;
   padding:0 ;
	max-width: 200px; 
}

.floatright {
   float:right;
   top:100px;
   right:150px;
   background:#ccc;
   border:1px solid #444;
   margin:0px;
   margin-left:25px; 
   padding:0px;
   max-width: 230px; 
}


.right {
    text-align: right ; 
}

.center {
    text-align: center ; 
}
																						

#floatcontent {
	text-align: left; 
	color: black ;
}

#floatcontent h1 {
	color: white ; 
	background: #666 ; 
	font-size: 1em ; 	
	padding: 0 5px; 
	margin: 0 ; 
}

#floatcontent p  {
	padding: 0px 5px; 
	margin:0 ; 
}

#floatcontent ul {
	font-size: .8em ; 	
}

#floatcontent ul ul {
	font-size: 1em ; 	
}

#floatcontent li  {
	padding: 0 5px; 
}

#floatcontent a {
	color: black; 
	text-decoration:underline;
}

#floatcontent a:hover {
	color: #c60;
}
																						

#box {
	position: absolute ;
   	display: block ;
	left: 20px ;
   	top: 150px ;
   	width: 120px ;
	padding: 5px 0 0 0 ; 
   	text-align: center ;
	background-color: #ccc ; 
	border: #c60 solid 1px ; 
   	z-index: 6 ;
}

#box p {
	font-size: 0.8em ; 
}

#box a {
	text-decoration: none ; 
	color: black ; 
}

#box a:hover {
	text-decoration: underline ; 
}


#footer {
	position: absolute ; 
	display: block ; 
	left: 0 ; 
	bottom: 0 ; 
	width: 100% ;
	height: 30px ; 
	margin: 0 ; 
	overflow: hidden ; 
	padding:  0 ; 
	text-align: center ; 
	font-size: 0.8em ; 
	color: #999 ; 
}

#footer p {
	border-top: black solid 1px ;
	margin: 0 30% ; 
}

#footer a {
	color: #999 ; 
	text-decoration: none ; 
}

#footer a:hover {
	color: #c60 ; 
}

pre {
	font:1.4em;
	overflow: auto ;
}

/* Hack IE :-( */
* html pre {
	width: 636px ;
}


img {
	padding: 0 ; 
	margin: 0 ; 
	border: 0 ; 
}

abbr, acronym {
	border-bottom: 1px dotted gray;
	cursor: help;
}

.form {
	font-size: .8em ; 
}

.center {
	text-align: center ; 
}

.book  {
	padding: 0 20px ; 
}

.book table {
}

.book table td {
	padding: 10px 20px ; 
}


#montrercacher {
 
}

#montrercacher dl {
}

#montrercacher dl a {
	text-decoration: none ; 
}

#montrercacher dl a:hover {
	text-decoration: underline ; 
}

#montrercacher dt {
	padding: 0px 15px ; 
}

#montrercacher  dd {
	display:none ; 
	padding: 0 ; 
}

.rss p  {
	text-align: right;
	vertical-align: middle;
	height: 30px;
	padding:0 ; 
	margin: -40px 0 0 0;
}

.rss img {
	padding-right: 1em;
}

.rss a {
	color: #fff; 
	text-decoration: none; 
}


.invisible {
    	display: none;
		padding-left: 10pt; 
}

.booktag {
	text-align: center ; 
	margin: 1em 10em ; 
	padding: 1em;
	line-height: 2em ; 
	background: #feb;
}

.booktag img {
    padding: 5px ; 
}

.cloud {
	width:90%;
	text-align: center; 
	margin:auto;
}

.cloud ul li, .cloud ul li a {
	display : inline;
	width : auto;
	padding-left : 0;
	padding-right : 4px;
	background : transparent;
	line-height : 1.5em;
}

.cloud ul li:nth-of-type(odd) a{
   color:#1e1e1e;
}

.cloud ul li:nth-of-type(even) a{
   color:#7e7e7e;
}