/* LAYERS  ###################################################################################*/

/*	paramtrage de la structure de la page.

	pour chacun des layers [zones: logo - header - menu - main - visual] :
	position = absolute / relative [laisser abslolute]
	left     = en pix ou en % [position (du coin en haut et  gauche) du layer depuis la GAUCHE du navigateur]
	top      = en pix ou en % [position (du coin en haut et  gauche) du layer depuis le HAUT du navigateur]
	width    = en pix ou en % [LARGEUR du layer]
	height   = en pix ou en % [HAUTEUR du layer]
	z-index  = valeur numrique indiquant la position du layer selon l'axe z [1 = dessous ... 10 = dessus]
	overflow = visible / hidden / scroll / auto [comportement du layer en cas de 'dbordement' de contenu]
	
	il est possible pour personnaliser l'aspect de chacun des layers d'ajouter d'autres paramtres css tels que:
	- background-color: #CCCCCC;
	- background-image: url(/images/logo_ecitron.gif);
	- background-repeat: no-repeat;
	- background-attachment: fixed;
	- text-align: right;
	- padding-right: 20px;
	- border: 1px #666666 solid;
	- filter:alpha(opacity:70);
______________________________________________________________________________________________*/

#zoneLogo {
	position:absolute;
	left:-20px;
	top:0px;
	width:120px;
	height:80px;
	z-index:4;
	visibility: default;
	/*overflow: visible;*/
}

#zoneHeader {
	position:absolute;
	left:100px;
	top:0px;
	width:400;
	height:60px;
	z-index:3;
	overflow: visible;
}


#zoneMenu {
	position:absolute;
	left:100px;
	top:60px;
	width:85%;
	z-index:10;
	overflow: visible;
	/*background-color: #000000;*/
}	

#zoneMain {
	position:absolute;
	left:100px;
	top:0px;
	width:85%;
	height:100%;
	z-index:2;
	overflow: visible;
}

#zoneVisual {
	position:absolute;
	left:0px;
	top:400px;
	width:150px;
	height:50px;
	z-index:2;
	overflow: visible;
}


/* TABLE MAIN  ###############################################################################*/

/*	paramtrage de la structure de la table principale.

	pour chacune des cellules [1 par ligne: top - main - bottom] :
	width    = en pix ou en % [LARGEUR de la cellule du tableau]
	height   = en pix ou en % [HAUTEUR de la cellule du tableau]
	
	il est possible pour personnaliser l'aspect de chacun des layers d'ajouter d'autres paramtres css tels que:
	- border-left: 1px #666666 solid;
	- background-color: #CCCCCC;
	- background-image: url(/images/logo_ecitron.gif);
	- background-repeat: no-repeat;
	- background-attachment: fixed;
	- padding-left: 30px;
	- padding-right: 20px;
	- float: right;
______________________________________________________________________________________________*/


#tableMain {
	width:100%;
	height:100%;
}

#cellTop {
	width:100%;
	height:85px;
}

#cellMain {
	width:100%;
	height:65%;
	padding-left: 0px;
	padding-right: 0px;
}

#cellBottom {
	width:100%;
	height:50px;
	padding-left: 0px;
	padding-right: 0px;
	border-top: 1px #003493 solid;
}

/* TABLE MENU  ###############################################################################*/

/*	paramtrage de la structure de la table contenant le menu.
	[mme possibilits de paramtrage que pour tableMain]
	
	pour infos: les cellules de la table ont ou doivent avoir la dnomination suivante:
	- 1er niveau: menu01 / menu02 / menu03 / menu04 / ...
	- 2e  niveau: menu01_01 / menu01_02 / menu01_03 / ... [exemple pour le 2e niveau de menu01]

______________________________________________________________________________________________*/

#tableMenu {
	width:100%;
	border-top: 1px #003493 solid;
	border-bottom: 1px #003493 solid;}

#cellLanguage {
	width:12%;
}

#menu01, #menu02, #menu03, #menu04 {
	width:10%;
}