/**
 * Styles qui règlent l'affichage de la table des matières.
 */

/* Panneau qui contient une table des matières. */
.tocPanel {
	position: 			absolute;
	width: 				40%;
	height:				100%;
	font-size: 			10px;
	top:				0;
	left:				0;
	margin:				0;
	padding: 			0;
	
	border-right:		1px solid;
	overflow:			scroll;
	
	background-color:	white; /*#CCFFCC;*/
}

.toc-ref-empty {
	cursor:				default;
}


.toc-minimenu {
	height:				20px;
	width:				100%;
}
.toc-minimenu-button {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			10px;
	font-weight:		bold;
	color:				#06A;
	text-decoration:	none;
}
.toleft {
	height:				15px;
	padding:            5px;
	position:			relative;
}
.toright{
	height:				15px;
	padding:            5px;
	position:			relative;
}

/* TOC - Niveau 1 */
.toc-l1 {
	width:				99%;
	/*background: yellow;*/
}
.toc-l1-entry {
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			13px;
	font-weight: 		bold;
	position:			relative;
	/*background:			yellow; /* Debug */
}
.toc-l1-icon {
	position:			absolute; 
	left:				0px;
	vertical-align:		bottom;
	width:				15px;
	text-align:			right;
}
.toc-l1-ref {
	position:			relative; 
	left:				15px;
	margin-right:		15px;
}
.toc-l1-ref a {
	text-decoration:	none;
	color:				black;
}
.toc-l1-refNum {
	position:			absolute;
	text-align:			right;
	width: 				20px;
}
.toc-l1-refTitle {
	position:			relative; 
	left:				25px;
	margin-right:		25px;
}

/* TOC - Niveau 2 */
.toc-l2 {
	/*background: green;*/
}
.toc-l2-entry {
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			11px;
	font-weight: 		bold;
}
.toc-l2-icon {
	position:			absolute; 
	left:				20px;
	vertical-align:		bottom;
	width:				15px;
	text-align:			right;
}
.toc-l2-ref {
	position:			relative; 
	left:				35px;
	margin-right:		35px;
}
.toc-l2-ref a {
	text-decoration:	none;
	color:				black;
}
.toc-l2-refNum {
	position:			absolute;
	text-align:			right;
	width: 				20px;
}
.toc-l2-refTitle {
	position:			relative; 
	left:				25px;
	margin-right:		25px;
}

/* TOC - Niveau 3 */
.toc-l3 {
	/*background: red;*/
}
.toc-l3-entry {
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			10px;
}
.toc-l3-ref {
	position:			relative; 
	margin-left:		60px;
}
.toc-l3-ref a {
	text-decoration:	none;
	color:				black;
}
.toc-l3-refNum {
	position:			absolute;
	text-align:			left;
	width: 				15px;
}
.toc-l3-refTitle {
	position:			relative; 
	left:				15px;
	margin-right:		15px;
}


/**
 * Styles qui règlent l'affichage d'une recette.
 */

/* Panneau qui contient la description d'une recette . */
.recipePanel {
	position: 			absolute;
	width: 				59%;
	height:				100%;
	font-size: 			10px;
	top:				0;
	right:				0;
	overflow:			scroll;
	border-left:		1px solid;
		
	background-color:	white; /*#FF6699;  */
}
/* Intitulé de la recette. */
.recipeTitle {
	font-family:		Arial, Helvetica, sans-serif;
	font-weight:		bold;
	font-size:			1.5em;
	margin:				5px;
}
/* Description de la recette. */
.recipeDesc {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			1.2em;
	margin:				10px 5px 10px 5px;
}
/* Code de la recette. */
.recipeCode {
	position:			relative;
	font-size:			1.1em;
	cursor: 			pointer;
	background-color: 	#DDD;
	padding-top: 		5px;
	padding-left: 		5px;
	padding-right: 		0px;
	padding-bottom:		5px;
}

/**
 * Styles qui règlent l'affichage du code complet.
 */

/* Panneau qui contient le code complet. */
.srcPanel {
	position: 			absolute;
	border:				1px solid black;
	width: 				48%;
	height:				100%;
	font-size: 			10px;
	top:				0;
	left:				0;
	margin:				0;
	padding: 			0;
	background-color:	white;
	
	/*background-color:	#FF9966; /* orange */
}
/* Zone de texte pour la saisie du code. */
.codeEntry {
	position:			relative;
	width:				100%;
	height:				100%;
	margin:				0px;
	padding:			0px;
	border:				0px;
	border-top:			1px solid;
	font-family:		"Courier New", Courier, mono;
	font-size:			12px;
}

#code-entry-menu {
	position:			relative;
	background-color:	white;
	top:				5px;
}

#code-entry-content {
	position:			absolute;
	top:				40px;
	bottom:				2px;
	left:				2px;
	right:				2px;
	height:				expression(this.parentNode.offsetHeight - 40 - 8 + 'px');
}
/**
 * Styles qui règlent l'affichage de la zone d'exécution.
 */

/* Panneau qui contient la zone d'exécution. */
.execPanel {
	position: 			absolute;
	width: 				38%;
	height:				100%;
	font-size: 			10px;
	top:				0;
	right:				0;
	/*overflow:			scroll;*/
	/*border-left:		1px solid;*/
		
/*	background-color:	#FF6699; */
}
/* Panneau qui contient le browser oz. */
.tabBrowserContent {
	font-family:		"Courier New", Courier, mono;
	font-size:			12px;
}
/* Panneau qui contient la console oz. */
.tabConsoleContent {
	font-family:		"Courier New", Courier, mono;
	font-size:			11px;
	color:				#FF0033;
}

/**
 * Styles qui règlent l'affichage du menu de la zone d'exécution.
 */

/* Panneau qui contient la zone d'exécution. */
.menuExecPanel {
	position: 			absolute;
	width: 				12%;
	height:				100%;
	font-size: 			10px;
	top:				0;
	left:				49%;
	overflow:			hidden;
	text-align: 		center;
	/*border-left:		1px solid;*/
		
/*	background-color:	#00CC33; */
}

/* Boutons. */
.buttonPanel {
	height:				35px;
	line-height:		35px;
	font-size:			11px;
}

.menuExecAButton {
	font-size:			11px;
	font-weight:		bold;
	font-family:		Arial, Helvetica, sans-serif;
	text-decoration:	none;
	/*color:				#9900CC;*/
	color:				#FFF;
}
.aButton {
	padding:       	    3px 10px 3px 10px;
	margin:				3px;
	border:				3px ridge #009999;	
	background-color:	#0066AA;
	cursor:				pointer;
}
.aSeparator {
	margin:				2px;
	padding:            0px;
	border:				0px;
	height:				11px;
	background-image:	url(../img/line.gif);
}


/**
 * Styles qui règlent l'affichage de l'aide.
 */
.helpTdSect1 {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			14px;
	color:				#BC4078;
	font-weight:		bold;
	padding-bottom:     3px;
	border-bottom:		1px solid #009999;
}

.helpTable {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			12px;
}


/**
 * Styles qui règlent l'affichage du glossaire.
 */

/* Index du glossaire (toutes les lettres de l'alphabet). */
.glo-index  {
	position:		relative;
	text-align:		center;
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		12px;
	font-weight:	bold;
	overflow:		auto;
	height:			100%;
}

.glo-index  a {
	color:			#06A;
}

/* Les termes du glossaire. */
.glo-termes {
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		11px;
}

.glo-termes h3 {
	color:			#BC4078;
	border-bottom:	1px solid #009999;
}

.glo-termes dt {
	margin-top:		3px;
	font-weight:	bold;
}

/* Menu des recettes. */
.recipeMenu {
	z-index:		1;
	position:		absolute;
	top:			0px;
	right:			40px;
	width:			50px;
	height:			25px;
	background-color:#66FFFF;
}