/* Created using Style Master from Western Civilisation CSS1 { -23 -4 729 975 } */

<HTML>
<HEAD>
<TITLE>Styles d&eacute;finitions pour in3Activa</TITLE>
<META HTTP-EQUIV="Content-Type" content="text/html; charset=iso-8859-1">


<style TYPE="text/css">
<!-- /* Les commentaires C Old style sont n&eacute;cessaires */


/** Definition de la table de format general du serveur in3activa
*/
.toc	{ 
	    width:"124px";
	    text-align: center; 
	    background: black; 
        color: white; 	
	}				
.tocFlot{ 
	    position:absolute;
	    top:"120px"; left:"0px";
	    text-align: center; 
	    background: navy; color: white; 	
	}				
.info	{ 
	    background: white ; 
        color: black; 	
	    margin-left:'2em'; margin-right:'2em'; 
	    height:"100%";
	}

.trid   {   
            text-align: right; 
            color : green;
            font: x-small italic Arial;     
        }

.L1  { margin-left:'1em'; margin-right:'1em'; }
.L2  { margin-left:'2em'; margin-right:'2em'; }
.L3  { margin-left:'3em'; margin-right:'3em'; }
.L4  { margin-left:'4em'; margin-right:'4em'; }

TABLE   {  width=100%; border=0; }
TD.quiz {  width:"50%"; text-align: right; padding-right='2em';}
TR.quiz {  valign='top';}
H1	{ font: italic x-large "Arial Black"; text-align: right; }
H2	{ font: large Arial; color= navy; text-align = right; } 
H3	{ font: italic  Arial; color = teal; } 
H4	{ font: italic small Arial; color = navy; }
H5	{ font: bold smaller Arial;  color = navy; } 
ADDRESS	{ font: italic xx-small Arial;} 
SMALL	{ font: italic Arial;}
I       { font: Arial; color: maroon; }
P       { font: Arial; }



HR.toc		{ text-align: center; width: 50% ;}
A.toc:hover	{ font-size: larger} 
A.toc:link		{ color : aqua} 
A.toc:active	{ color : green} 
A.toc:visited	{ color : aqua}



/** Specifiques pages info 
	Une seule des 2 colonnes (?2toc) peut d&eacute;finir la largeur 
	(La page root override ces valeurs)
*/

   
    #L1  { margin-left:'1em'; margin-right:'1em'; }
    #L2  { margin-left:'2em'; margin-right:'2em'; }
    #L3  { margin-left:'3em'; margin-right:'3em'; }
    #L4  { margin-left:'4em'; margin-right:'4em'; }
    
/** Interpr&eacute;tation des classes :
	??<*>	syntaxe des classes in3ctiva 
	B?toc	Toc [2-3] : Business for me, blue
	M?toc	Toc [2-3] : Manager for us, maroon
	N?toc	Toc [2-3] : Nightingale for you, black/noir
*/
	/* Colonnes TOC/INFO 
	/* positionning n'est pas scriptable 
	*/
	#LBody	{	left: 124px }
	
	#toc	{ 
				background: gray; color: white; 	
				position: absolute; 
				width:"124px";
                height:"100%";
				padding; 2em,0;
				text-align: center; 
			}				
	#info	{ 
				background: white ; color: black; 	
				position: absolute; 
                margin-left:'4em'; margin-right:'2em'; 
   				vertical-align: top;

			}

	.b2toc{	background : navy ; color : white; 		}
	.m2toc{ background : maroon  ; color : white;	}
	.n2toc{ background : black ; color : white; 	}		

/*  Traitement des liens */


/**	Interpr&eacute;tation des TAGS
"em" = proportionnel &agrave; la Hauteur de font "x" 
"ex" = proportionnel &agrave; la hauteur de lettre "x" 
"px" = pixels physiques

	padding= selon le bord 
	H1	INFO: Titres 
	H2	INFO: Titres 
	H3	INFO: Titres 
	H4  INFO: Questions de FAQ 
	H5	TOCs: liste de liens 
	H6	Adresses et copyrights de TOCs et autres 
*/


/*	Gestion des liste 
*/
	/*UL              { cursor: s-resize; }*/
	UL LI           { display: block; list-style: square; }


/* Fin de style d&eacute;finition */ -->
</style>

</HEAD>
</HTML>
