/* 
  Style sur trois colonnes avec header et footer.
  Les colonnes de gauche et de droite sont en taille fixe (em),
  la zone de contenu est élastique.

  Attention pour modififier la taille des colonnes droite et gauche
  il faut modifier partout 12em en autre chose (ne pas toucher aux indications
  en pixel) et respecter les marges négatives.
*/  


/* wrapper du layout multi-colonnes */

.cols {
  padding: 0 15em;
}

/* zone principale */

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


/* colonne zone1 */

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


/* colonne zone2 */

.zone2 {
  float: right;
  margin-right: -15em;
  margin-left: 1px; 
  width: 15em;
  position: relative; 
  overflow: hidden ;
  zoom: 1;
}


/* 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; 
}


/* pour le footer */

.clear {
  clear: both;
}


/* le bas de page */

.footer{
  clear: both ;
}