/* 
  Style sur deux colonnes avec header et footer. La zone d'outils
  est à gauche et de taille fixe (em), la zone de contenu est élastique.

  Attention pour modifier la taille de la colonne  gauche
  il faut modifier partout 15em en autre chose (ne pas toucher aux indications
  en pixel) et respecter les marges négatives.
*/  

/* wrapper du layout multi-colonnes */

.cols {
	padding: 0 0 0 15em;
}

/* wrapper pour les colonnes */

.cwrapper {
  padding-bottom: .1px;/* fix moz */ 
  width: 100%; 
}


/* wrapper pour les floats */

.fwrapper {
  /*float: left;*/
  width: 100%;
  margin-right: -1px; 
  position: relative; 
}


/* zone principale */

.main {
  float: right;
  width: 99%;
  margin-left: -1px; 
}


/* colonne zone1 */

.zone1 {
	float: left;
	margin-left: -15em;
	margin-right: 1px; 
	width: 15em;
	position: relative; 
	overflow: visible;
}


/* 
  colonne zone2 

  Il n'y a rien vu que l'on est en deux colonnes
*/

.zone2 {
  display: none ;
  width: 0 ;
}


/* pour le footer */

.clear {
  clear: both;
}


/* contenu des colonnes (ici on peut fixer les marges), les bordures, ... plutôt à faire dans site.css */

.content {

}


/* le bas de page */

.footer {
  clear: both ;
}