/* main look from BODY*/
BODY
{
    FONT-SIZE: 				medium;
    FONT-FAMILY: 			Georgia, serif, sans-serif;
    BACKGROUND-COLOR:		#F1F1F1;
    COLOR:					#000;
}

LEGEND {
	font-weight: bolder;
}

/* Header panel and contents */
#header
{
	BACKGROUND-COLOR: #FFE4C4;
	-MOZ-BORDER-RADIUS: 10px 10px 10px 10px;
}
#title
{
	COLOR: #000;
	BACKGROUND-COLOR: #E9967A;
	PADDING: 20px;
	PADDING-BOTTOM: 12px;
	FONT-SIZE: x-large;
	TEXT-ALIGN: left;
	DISPLAY: block;
	-MOZ-BORDER-RADIUS: 10px 10px 10px 10px;
}
#address, #subtitle
{
	PADDING-LEFT:			30px;
	PADDING-TOP:			12px;
	PADDING-BOTTOM:			12px;
    FONT-SIZE: 				small;
	TEXT-ALIGN:				left;
	COLOR:					#CFDCED;
}

/* Links */
#header A 
{
	FONT-WEIGHT: bold;
	COLOR: Black;
}
#header A:hover, #header A:active 
{
	BACKGROUND-COLOR: 		#DCEEA9;
}

A 
{
	FONT-WEIGHT: bold;
	COLOR: Black;
}
#content A:visited 
{
    FONT-WEIGHT: 			normal;
}
#content A:hover, A:active 
{
    BACKGROUND-COLOR:		#DCEEA9;
}

A.mh_trolls_0
{
    COLOR: #4C6208;
}
A.mh_trolls_1
{
	COLOR: Blue;
}
A.mh_trolls_2
{
	COLOR: Fuchsia;
}
A.mh_trolls_0, A.mh_trolls_1, A.mh_trolls_2 
{
    FONT-WEIGHT: 			bold;
    TEXT-DECORATION:		underline;
}
a.mh_monstres {
	COLOR:					#B62814;
}

/* Top of page target & source */
A.top-of-page
{
	DISPLAY:				inline;
	BACKGROUND-COLOR: 		#F1F1F1;
	COLOR: 					#F1F1F1;
}
#content A.top-of-page:hover, #content A.top-of-page:active
{
	BACKGROUND-COLOR: 		#F1F1F1;
}
.go-top
{
	TEXT-ALIGN:				right;
	WIDTH:					100%;
	FLOAT:					left;
}

/* Title of page */
.title
{
    FONT-SIZE: 				x-large;
    FONT-WEIGHT: 			bold;
    COLOR:					#4C6208;
    PADDING-BOTTOM:			3px;
    BORDER-BOTTOM: 			#4C6208 2px solid;
}


/* IMAP is here */
.info {
	MARGIN-LEFT:			12px;
}
DT, H2
{
	FONT-SIZE:				larger;
	VERTICAL-ALIGN:			top;
	TEXT-ALIGN:				left;
}
DD
{
	MARGIN-TOP:				3px;
	PADDING-BOTTOM:			8px;
    BORDER-BOTTOM:			#A9A9A9 1px solid;
	MARGIN-BOTTOM:			8px;
}

/* Menu panel */
#menu {
    BORDER:           		#808080 1px solid;
    BACKGROUND-COLOR: 		#fffff0;
    COLOR:            		black;
    FONT-SIZE:        		small;
    PADDING:          		12px;
    POSITION:         		absolute;
	RIGHT:            		20px;
    TOP:              		100px;
    WIDTH:            		16%;
	-MOZ-BORDER-RADIUS: 	10px 10px 10px 10px;
}
.menugroup
{
    FONT-SIZE: 				large;
    FONT-WEIGHT: 			normal;
	DISPLAY:				block;
    PADDING:          		6px;
	COLOR:					#4C6208;
    BACKGROUND-COLOR: 		#DCEEA9;
    BORDER-BOTTOM:			#A1CF12 3px solid;	
	-MOZ-BORDER-RADIUS: 	7px 7px 0px 0px;
}
LI.menuitem
{
    PADDING:          		2px;
	MARGIN-LEFT: 			-40px;
	MARGIN-TOP:				1px;
	LIST-STYLE-TYPE: 		none;
}
LI.menuitem A
{
    PADDING:          		2px;
	DISPLAY:				block;
	TEXT-DECORATION:		none;
    BORDER:	 				#FFFFF0 1px solid;
}
LI.menuitem A:hover, LI.menuitem A:active
{
	COLOR:					#000;
    BACKGROUND-COLOR: 		#A1CF12;	
    BORDER-TOP:	 			#FFF 1px solid;
    BORDER-LEFT:	 		#FFF 1px solid;
    BORDER-RIGHT:	 		#808080 1px solid; /*#4C6208*/
    BORDER-BOTTOM:	 		#808080 1px solid;
}
LI.menuitem .current-uid
{
	DISPLAY:				block;
	COLOR:					#000;
    BACKGROUND-COLOR: 		#D3D3D3;	
    FONT-WEIGHT: 			bold;
	MARGIN-TOP:				1px;
    PADDING:          		2px 0px 2px 2px;
    BORDER-TOP:	 			#FFF 1px solid;
    BORDER-LEFT:	 		#FFF 1px solid;
    BORDER-RIGHT:	 		#808080 1px solid; /*#4C6208*/
    BORDER-BOTTOM:	 		#808080 1px solid;
}
.insist
{
    FONT-WEIGHT: 			bold;
	TEXT-ALIGN:				center;
	MARGIN:					15px;
	PADDING:				10px;
    BORDER:	 				#000 1px solid;
	BACKGROUND-COLOR:		#FFFFFF;
	COLOR: 					#444444;
}

/* Footer panel */
#footer
{
	TEXT-ALIGN:				center;
    FONT-SIZE: 				small;
	PADDING-TOP:			12pt;
}

/* Tables */
TH
{
    FONT-SIZE: 				medium;
	BACKGROUND-COLOR:		#D3D3D3;
    BORDER-BOTTOM:      	#808080 3px solid;
    padding-top:        	4px;
    margin-top:        		10px;
	-MOZ-BORDER-RADIUS: 	7px 7px 0px 0px;
}
TD
{
    FONT-SIZE: 				small;
	padding-left: 			6px;
	padding-right: 			6px;
	BACKGROUND-COLOR:		#fff;
    vertical-align:			top;
}

/* Pictures */
.picture-normal
{
	MARGIN:					8px;
	PADDING:				8px;
}
.picture-right
{
	MARGIN:					8px;
	PADDING:				8px;
	background-color:		#fff;
	FLOAT:					right;
}
.picture-left
{
	MARGIN:					8px;
	PADDING:				8px;
	background-color:		#fff;
	FLOAT:					left;
}
IMG.picture
{
	PADDING:				0px;
	MARGIN:					0px;
    BORDER:		      		2px solid black;
}
IMG.picture-noborder
{
    PADDING: 				5px;
    VERTICAL-ALIGN: 		top;
    BORDER-COLOR: 			#F1F1F1;
}
.picture-inline
{
	display:				inline;
    PADDING: 				5px;
    padding-top: 			0px;
    VERTICAL-ALIGN: 		top;
    BORDER-COLOR: 			#F1F1F1;
}
A.image, A.image:hover, A.image:active 
{
	BACKGROUND-COLOR: 		#F1F1F1;
}

/* Code */
.code, .history-value
{ 
    font-size: 				small;
    font-family:			"Courier New", Courier, monospace;
    color: 					black;
    margin-top:				12pt;
    margin-bottom:			6pt;
    padding:				3pt;
    padding-left:			6pt;
	border-color: 			#CFDCED;
	border-width: 			1px 1px 1px 1px;
	border-style:			solid;
    vertical-align:			top;
	background-color:		#fff;
}
.codefrag {    
    FONT-SIZE: 				small;
    FONT-WEIGHT: 			bold;
	FONT-FAMILY: 			"Courier New", Courier, monospace; 
}
.keyboard 
{ 
    FONT-SIZE: 				small;
	FONT-FAMILY: 			"Courier New", Courier, monospace; 
    COLOR: 					black;
    BACKGROUND-COLOR: 		#e5dfd5;
	border-color: 			black; 
	border-style: 			solid; 
	border-top-width:    	1px;
	border-left-width:  	1px;
	border-bottom-width:	2px;
	border-right-width:  	2px;
	padding-right: 			1mm;
	padding-left: 			1mm;
}

/* Stable classes */
.element
{
	PADDING-TOP:		0px;
	PADDING-BOTTOM:		10px;
	LINE-HEIGHT: 		120%;
}
ABBR, ACRONYM
{
    BORDER-BOTTOM: 			gray 1px dashed;
}
.strong
{
    FONT-WEIGHT: 			bold;
}
.inline
{
	DISPLAY:				inline;
}
.hide
{
	DISPLAY:				none;
}
.legend
{
    FONT-SIZE: 				small;
    MARGIN:					0px 3px;
    
}
#search
{
     TEXT-ALIGN:        left;
	 MARGIN-TOP:	    -32px;
     PADDING-BOTTOM:	10px;
     PADDING-LEFT:	 	17%;
}     
.google-search IMG
{
     PADDING-TOP:		0px;
     BORDER:         	0px solid;
}

* html .text, .textBold { FONT-SIZE: 95%; }
* html .code { FONT-SIZE: 60%; }
* html .title, .head { FONT-SIZE: 100%; }

/* for mh.lebutch.org */
.smaller
{
    FONT-SIZE: 				smaller;
	TEXT-ALIGN:				center;
}
TR.row-odd TD {
    BACKGROUND-COLOR: 		#FFFFFF;
}
TR.row-even TD {
    BACKGROUND-COLOR: 		#F5F5F5;
}
TABLE#carte TR TH {
    FONT-SIZE: 				small;
    COLOR: 					#003399;
    BORDER:      			#000000 1px solid;
    BACKGROUND-COLOR: 		#F5F5F5;
}
TABLE#carte TR TD {
    BACKGROUND-COLOR: 		#FFFFEF;
    /*BORDER:      			#000000 1px solid;*/
}
.carte-x-axis {
    COLOR: 					#ea2304;
    FONT-SIZE: 				x-small;
}
.carte-y-axis {
    FONT-SIZE: 				x-small;
}
.carte-ref-axis {
    COLOR: 					#ea2304;
    FONT-SIZE: 				x-small;
}
.indent
{
     MARGIN:             10px;
     MARGIN-LEFT:        10%;
     PADDING:            10px;
	 LINE-HEIGHT: 		 120%;
	 FONT-SIZE:			 smaller;
	 BORDER-LEFT:		 2px solid #537E53;
}
.normal-indent
{
     MARGIN:             10px;
     MARGIN-LEFT:        10%;
     PADDING:            10px;
	 LINE-HEIGHT: 		 120%;
	 BORDER-LEFT:		 2px solid #537E53;
}
.light-border-left
{
    BORDER-LEFT: 		#808080 1px solid;
    PADDING-LEFT:       16px;
    MARGIN-TOP:         12px;
    MARGIN-BOTTOM:      12px;
}
.body-background
{
    BACKGROUND-COLOR:		#F1F1F1;
}
		.text, .textBold
			{ FONT-SIZE: 90%; }
		.code
			{ FONT-SIZE: 90%; }
		.title, .head
			{ FONT-SIZE: 110%; }
		#footer 
			{ FONT-SIZE: 80%; }
		iframe.arene 
			{ WIDTH: 600px; HEIGHT: 600px; }