body {
	margin: 0;
	padding: 0px;
	height: 400px;
	width: 220px;
	background-color: #ADBCC6;
	font-family: Tahoma, Arial, sans-serif;
	background-image: url(images/palette-couleurs.jpg); 
	background-repeat: no-repeat; 
	background-position: bottom left;
}

a.img {	
	text-decoration: none;
}

a, a:visited {
	color: #fff;
	font-weight: 12px;
	background-color: inherit;
	text-decoration: none;
}



a:active {
	color: #fff;
	background-color: inherit;
}

ins { text-decoration: none; color: transparent }
del { text-decoration: line-through; font-weight: 400; }

h1 {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 26px;
	margin-top: 20px;
	-margin-top: 40px;
}


h2 {
	text-align: center;
	font-family: Tahoma, Arial, sans-serif;
}


img {
	border: 0;
}

abbr {
	border: 0;
}

pre/* Mac IE can't read this */{
	overflow: auto;
}

pre {
	border: 1px dotted transparent;
	padding: 12px;
	background: transparent ;
	line-height: 16px;
}

/* code examples */
pre, code {
	font-size: 12px;
	color: #030;
	background-color: transparent;
}
.keyword { 
	color: #fff;
	font-weight: 900;
}
.tag { color: #fff; font-weight: 900;}
.atag { color: #fff; }
pre .comment { color: #fff; font-weight: 700; }
.q {color: #910; }
.attr { color: #fff; font-weight: 400;}
.attval { color: #fff; }
.txt { color: #fff; font-weight: 400; }


/****************** Begin Menu tree rules
 * 
 */

 .AnimTree {
	position: absolute;
	margin-top: 50px;
	top: 0;
	left: 22px;
	z-index: 500;
	position: absolute;
	height: auto;
	width: autopx;
	background-color: transparent;
	padding-bottom: 3px;
	border-right: 0px solid transparent;
	border-bottom: 0px solid transparent;
	
}


.button{
	/* may cause windows bug:
	 * position: relative;
	 * letter-spacing: .2em;
	 */
	z-index: 100000;
	cursor: hand;
	font-color: #FFFFFF
	font-family:  Tahoma, Arial, "Trebuchet MS" ;
}

.buttonlabel{
	font-size: 12px;
	height: 2.5ex;
	display: block;
	/* may cause windows bug:
	   position: relative;
	*/
	font-weight: 800;
	cursor: hand;	
	text-align: left;
	text-indent: .5em;
	color: #FFFFFF;
	border-left-width: 10px;
	border-style: solid;
	background-color: transparent;
	border-width: 0px 0px 0px 0px;
	border-color: transparent; 
	background-image: none;
	margin-top: 3px;
	-moz-border-radius: 0px;
}

.buttonlabel img {
	border: 0;
	height: 13px;
	width: 13px;
	vertical-align: -2px;
	margin-right: 4px;
}

.labelHover {
	background-color: transparent;
	border-color: transparent;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
 }

.labelDown {
	text-indent: .5em;
/*	text-align: center;*/
	color: transparent;
	background-color: transparent;
	border-right-width: 0px;
	border-left-width: 0px;
	border-style: solid;
	border-color: transparent;
 	-moz-border-radius: 16px 16px 0 0;
}

.labelHover.labelDown{
	color: #fff;
	border-right: 0px solid transparent;
}

a.menuNode, span.menuNode, .button.menuNode, a.button.menuNode {
	height: 16px;
	font-weight: 13px;
	font-size: 13px;
	line-height: 14px;
	padding: 0px 2px 0px 8px;
	text-decoration: none;
	width: auto;
	display: block;
	color: #fff;
	background-color: transparent;
	background-position: 1px 0;
	text-indent: 8px;
}
a.menuNode:visited {
	font-weight: 400;
	color: #fff;
}

a.menuNode:hover, a.button.buttonNode, a.menuNode:focus, html body div.AnimTree div.menu span.disabled {
	text-decoration: none;
	background-color: transparent;
	color: #5E503E;
}
html body div.AnimTree div.menu span.disabled {

}

div.menu .menuNode.last, html body div.AnimTree div.menu a.last,
 html body div.AnimTree div.menu .menuNode.last.disabled  {

}


.menu {
	position: relative;
	padding-left: 8px;
	padding-bottom: .6em;
	padding-top: -1px;
	margin-top: -2px;
	margin-bottom: 3px;
	text-decoration: none;
	font-family: Tahoma, Arial, sans-serif;
	background-color: transparent;
	border-width: 0  ;
	border-style: solid;
 	border-bottom: 0px solid transparent;
	border-right: 0px solid transparent;
	border-left: 0px solid transparent;
	-moz-border-radius: 0 0 16px 16px;
}

.button.menuNode {
	border-left: 22;
	border-bottom: 22;
  	text-decoration: none;
  	/* mac IE needs this extra declaration */
	background-repeat: no-repeat;
	background-color: transparent;
}

 .menu .menu { /* submenus  */
	padding-left: 5px;
	border-width: 0;
	margin-bottom: -1px;
	border-color: transparent;
	border-style: solid;
  	background: transparent repeat-y 1px 0;
	text-decoration: none;
}
 .menu .menu .menu .menuNode {
 	font-size: 11px !important;
	text-decoration: none;
 }
 
.menu .menu .menuNode {
 	background-color: transparent;
	margin-left: 9px;
	color: transparent;
	text-decoration: none;
}

.menu span.buttonlabel {
	border-top-width: 0px;
	border-left-width: 0px;
	background: inherit;
	border-color: transparent;
	margin-top: 0;

	background-color: transparent;
	background-image: none;
 	border-bottom: 0px solid transparent;
  	height: 13px;
  	overflow: visible;
}
.menu span.buttonlabel img {
	margin-left: -4px;
}
.menu .menu .menuNode.subNode {
	background-color: transparent;
}

.menu .menu a.menuNode:hover, .menu .menu a.menuNode:focus {
	background-color: transparent;
}

menu.menuNode {
	margin: 0 !important;
}

#draglibModulesMenu .menu {
	margin-left: 9px;
}

body .AnimTree .menu .menu span.disabled {
	background-color: transparent;
}


#tree-bottom {
	position: absolute;
	top: 0px;
}
#tree-bottom img {
	margin: 0 0 30px 10px;
}

/* *-*-*-*- *-*-*-*- *-*-*-*         End Menu tree rules        *-*-*-*- *-*-*-*- *-*-*-*- 
*                                   ___________________                                */
/****************** Begin navbar rules
 * 
 */

 

#contents {
	color: #000;
	position: absolute;
	top: 0px;
	left: 0;
	height: auto;
	
	width: 200px; /* everyone gets this rule.*/
	-width: 200px;/* win IE 5/6 gets this rule.*/
	w\idth: 200px;/* win IE 6 (but not IE5) gets this rule.*/
		
	padding: 0px;
	left: 0px;
}

#contents.g-content {
	background: #transparent  no-repeat 100% 0;
}

#contents.l-content{
	background: #transparent  no-repeat 100% 0;
}