/*
Up the Yangtze 06 2007
ONF.CA - NFB.CA - v2007
 
*/
/* for all templates and grids */
body{text-align:center;}
#bot-wrap{clear:both;}
/**/
/*
onfb-bd1 : body avec navigation a gauche 140px
onfb-bd2 : body avec navigation a gauche 140px et colonne de droite sur-eleve
*/

/*espace pour la nav bar onf*/
body{padding-top:32px}

/* 940 centered, and backward compatibility */ 
#top-wrap, #bot-wrap, .onfb-bd1, .onfb-hd1, .onfb-ft1, .onfb-bd2 , .onfb-bd3{
	margin:auto;
	text-align:left;
	width:826px;
	}
#top-wrap,#bot-wrap{
	width:965px;
	background-color:white;
	}	
#bot-wrap{
	background-color:#666;
	}
#top-wrap{
	padding-bottom:75px
	}		

/* below required for all fluid grids; adjust widths and margins above accordingly */

	/* to preserve source-order independence for Gecko */
	.onfb-bloc{position:relative;}
	.onfb-bloc{_position:static;} /* for IE < 7 */
	#onfb-main .onfb-bloc, #onfb-hmain .onfb-bloc{position:static;} 

#onfb-main, #onfb-hmain {width:100%;}
.onfb-bd1 #onfb-main, .onfb-bd2 #onfb-main, .onfb-bd3 #onfb-main{float:right;margin-left:-25em;/* IE: preserve layout at narrow widths */}

.onfb-hd1 #onfb-hmain{float:right;margin-left:-25em;/* IE: preserve layout at narrow widths */}


.onfb-bd1 .onfb-bloc, .onfb-hd1 .onfb-bloc, .onfb-bd2 .onfb-bloc , .onfb-bd3 .onfb-bloc{
	float:left;
    width:204px;
}
.onfb-bd1 #onfb-main .onfb-bloc,.onfb-hd1 #onfb-hmain .onfb-bloc, .onfb-bd2 #onfb-main .onfb-bloc, .onfb-bd3 #onfb-main .onfb-bloc{
    margin-left:214px;/*margin-left:13.0106em;*/
}

/*template bd2 : colonne de droite sur-eleve*/
.onfb-bd2 .onfb-g93 .onfb-un{margin-top:-90px;position:relative;}
.onfb-bd2 .onfb-g93 div.prim,.onfb-bd2 .onfb-g93 .onfb-un .onfb-un{margin-top:0px}

/*template bd3 colonne de droite sur-eleve legerement*/
.onfb-bd3 .onfb-g93 .onfb-un{margin-top:-25px;position:relative;}
.onfb-bd3 .onfb-g93 div.prim,.onfb-bd3 .onfb-g93 .onfb-un .onfb-un{margin-top:0px}



#onfb-main .onfb-bloc, #onfb-hmain .onfb-bloc {float:none;width:auto;}



/* grilles 

-grille du contenu principal est divse en 12 colonnes
-une colonne de text standard fait 3 colonne 

onfb-g93 = 3 col - 1 col
onfb-g39 = 1 col - 3 col
onfb-g66 = 2 col - 2 col
onfb-g63 = 2 col - 1 col
onfb-g36 = 1 col - 2 col
onfb-g33 = 1 col - 1 col
onfb-g333 = 1 col - 1 col

extra:
onfb-g5050 = 2 col 50% -> pour le footer seulement. ne respecte pas la grille du contenu

*/

/* ---guides--- 
#bd{ background-color:#ccffcc}
.onfb-g93 div.prim{background-color:#ffffcc}
.onfb-g63 .onfb-un{background-color:red}
.onfb-g63 div.prim{background-color:yellow}*/

/* ---guides---  */
.onfb-g45 .onfb-un,
.onfb-g33 .onfb-un,
.onfb-g63 .onfb-un,
.onfb-g66 .onfb-un,
.onfb-g93 .onfb-un,
.onfb-g39 div.prim,
.onfb-g39 .onfb-g63 .onfb-un{float:right;display:inline;}

.onfb-g45 div.prim,
.onfb-g63 div.prim,
.onfb-g63 div.prim div.prim,
.onfb-g66 div.prim,
.onfb-g93 div.prim,
.onfb-g39 .onfb-un,
.onfb-g333 .onfb-un,
.onfb-g36 .onfb-un,
.onfb-g39 .onfb-g63 div.prim{float:left;}

.onfb-g39 .onfb-un, 
.onfb-g36 .onfb-un{float:left;margin-left:0px;width:204px;}

.onfb-g333 .onfb-un{margin-left:10px}

.onfb-g36 div.prim{float:right;display:inline;}

.onfb-g45 div.prim,
.onfb-g333 div.prim,
.onfb-g63 div.prim,
.onfb-g66 div.prim,
.onfb-g36 div.prim, 
.onfb-g39 div.prim{margin-left:0;}

/*.onf-gd div.prim{width:32%;}*/
.onfb-g93 .onfb-un, .onfb-g93 .onfb-un{width:194px;}

.onfb-g93 div.prim, 
.onfb-g39 div.prim{width:602px;}
/*.onfb-g39 div.prim{width:194px;}*/
.onfb-g93 div.prim{width:602px;}

.onfb-g45 div.prim{width:263px}

.onfb-g66 .onfb-un,
.onfb-g63 div.prim,
.onfb-g36 div.prim{width:408px;}

.onfb-g63 .onfb-un,
.onfb-g63 div.prim div.prim,
.onfb-g36 div.prim div.prim,
.onfb-g33 .onfb-un,
.onfb-g333 div.prim{width:204px;}

.onfb-g45 .onfb-un{width:340px}

/*header*/


/*footer - split 50-50*/
.onfb-g5050 .onfb-un{width:50%;float:right}
.onfb-g5050 div.prim{float:left}

#hd:after,
#bd:after,
.onfb-g45:after,
.onfb-g5050:after,
.onfb-g33:after,
.onfb-g333:after, 
.onfb-g63:after,
.onfb-g66:after, 
.onfb-g93:after,
.onfb-g39:after, 
.onfb-g36:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

#hd,
#bd,
.onfb-g45,
.onfb-g5050,
.onfb-g63,
.onfb-g66,
.onfb-g93,
.onfb-g36,
.onfb-g33,
.onfb-g333, 
.onfb-g39{zoom:1;}