/*
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, .onfb-bd4{
	margin:auto;
	text-align:left;
	width:945px;
	}
#top-wrap,#bot-wrap{
	width:965px;
	background-color:white;
	}	
#bot-wrap{
	background:#666 url(http://www.nfb.ca/styles/images/bot-wrap-bg.gif) repeat-x center top;
	height:85px; 
	}
#top-wrap{
	padding-bottom:75px
	}		
#full-wrap {
	width:100%;
	float:left;
}

/* 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 *//*moved => onf-style-ei6.css*/
	#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, .onfb-bd4 #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:124px;
}
.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:139px;/*margin-left:13.0106em;*/
}

.onfb-bd4 .onfb-bloc-1, .onfb-bd4 .onfb-bloc-2 {
	float:left; 
    margin-left:0px;/*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-bd4 .onfb-bloc-2 { width:262px; float:right; }
.onfb-bd4 .onfb-bloc-1 { width:604px; float:left; }


#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
onfb-g27 = 2 col - 7 col

1  { width: 58px;}
2  { width: 126px;}
3  { width: 194px;}
4  { width: 262px;}
5  { width: 330px;}
6  { width: 398px;}
7  { width: 466px;}
8  { width: 534px;}
9  { width: 602px;}
10 { width: 670px;}
11 { width: 738px;}
12 { width: 806px;}
13 { width: 874px;}
14 { width: 942px;}


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:silver}
.onfb-g63 div.prim{background-color:yellow}
*/
/* ---guides---  */

.onfb-g311 .onfb-un,
.onfb-g74 .onfb-un,
.onfb-g83 .onfb-un,
.onfb-g33 .onfb-un,
.onfb-g63 .onfb-un,
.onfb-g66 .onfb-un,
.onfb-g84 .onfb-un,
.onfb-g48 div.prim,
.onfb-g75 .onfb-un, 
.onfb-g57 div.prim,
.onfb-g93 .onfb-un,
.onfb-g39 div.prim,
.onfb-g39 .onfb-g63 .onfb-un{float:right;display:inline }



.onfb-g311 div.prim,
.onfb-g74 div.prim,
.onfb-g83 div.prim,
.onfb-g33 div.prim,
.onfb-g63 div.prim,
.onfb-g63 div.prim div.prim,
.onfb-g66 div.prim,
.onfb-g84 div.prim,
.onfb-g48 .onfb-un,
.onfb-g75 div.prim,
.onfb-g57 .onfb-un,
.onfb-g93 div.prim,
.onfb-g39 .onfb-un,
.onfb-g333 .onfb-un,
.onfb-g36 .onfb-un,
.onfb-g27 .onfb-un,
.onfb-g39 .onfb-g63 div.prim{float:left;}

.onfb-g37 .onfb-un,
.onfb-g27 .onfb-un,
.onfb-g39 .onfb-un, 
.onfb-g36 .onfb-un{float:left;margin-left:0px;width:194px;}



.onfb-g333 .onfb-un{margin-left:10px}

.onfb-g37 div.prim,
.onfb-g27 div.prim,
.onfb-g36 div.prim{float:right;display:inline;}

.onfb-g333 div.prim,
.onfb-g63 div.prim,
.onfb-g66 div.prim,
.onfb-g84 div.prim,
.onfb-g48 div.prim,
.onfb-g75 div.prim, 
.onfb-g57 div.prim,
.onfb-g36 div.prim,
.onfb-g37 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-un .onfb-g33 .onfb-un {width:194px;}

.onfb-g311 div.prim,
.onfb-g113 .onfb-un{width:194px}

.onfb-g311 .onfb-un,
.onfb-g113 div.prim{width:738px}

.onfb-g47 div.prim,
.onfb-g74 .onfb-un {width:262px}


.onfb-g47 .onfb-un,
.onfb-g74 div.prim {width:466px}

.onfb-g83 .onfb-un{width:194px}

.onfb-g83 div.prim{width:534px}

.onfb-g93 div.prim, 
.onfb-g39 div.prim{width:602px;}
/*.onfb-g39 div.prim{width:194px;}*/
.onfb-g93 div.prim{width:602px;}

.onfb-g37 div.prim,
.onfb-g27 div.prim{width:466px}

.onfb-g66 .onfb-un,
.onfb-g63 div.prim,
.onfb-g36 div.prim{width:398px;}

.onfb-g63 div.prim div.prim,
.onfb-g36 div.prim div.prim,
.onfb-g333 .onfb-un,
.onfb-g333 div.prim{width:194px;}

.onfb-g27 .onfb-un{width:126px}

/*.onfb-g48 .onfb-un,
.onfb-g84 div.prim {width:517.33333px;} ====== devrait etre 534*/

/*.onfb-g84 .onfb-un,
.onfb-g48 div.prim {width:258px;} =======	devrait etre 262*/

/*chager jsb - 25 oct 2007 */
.onfb-g48 .onfb-un,
.onfb-g84 div.prim {width:534px;} 

.onfb-g84 .onfb-un,
.onfb-g48 div.prim {width:262px;} 


.onfb-g57 .onfb-un,
.onfb-g75 div.prim {width:466px;} 	/*devrait etre 466*/

.onfb-g75 .onfb-un,
.onfb-g57 div.prim {width:330px;}

/*header*/


/*footer - split 50-50*/
.onfb-g5050 .onfb-un{width:50%;float:right}
.onfb-g5050 div.prim{float:left}

#mid-wrap:after,
#hd:after,
#bd:after,
/*#bot-wrap,*/
.onfb-g5050:after,
.onfb-g33:after,
.onfb-g333:after, 
.onfb-g63:after,
.onfb-g66:after,
.onfb-g84:after,
.onfb-g48:after, 
.onfb-g93:after,
.onfb-g37:after,
.onfb-g39:after, 
.onfb-g57:after, .onfb-g75:after,
.onfb-g74:after, .onfb-g47:after,
.onfb-g83:after,
.onfb-g311:after, .onfb-g113:after, 
.onfb-g36:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

#mid-wrap,
#hd,
#bd,
.onfb-g5050,
.onfb-g63,
.onfb-g66,
.onfb-g84,
.onfb-g48,
.onfb-g93,
.onfb-g36,
.onfb-g37,
.onfb-g33,
.onfb-g333, 
.onfb-g75, .onfb-g57,
.onfb-g74, .onfb-g47,
.onfb-g83,
.onfb-g311, .onfb-g113,   
.onfb-g39{min-height:0}
/*
#mid-wrap,
#hd,
#bd,
.onfb-g5050,
.onfb-g63,
.onfb-g66,
.onfb-g84,
.onfb-g48,
.onfb-g93,
.onfb-g36,
.onfb-g37,
.onfb-g33,
.onfb-g333, 
.onfb-g75, .onfb-g57,
.onfb-g74, .onfb-g47,
.onfb-g83,
.onfb-g311, .onfb-g113,   
.onfb-g39{zoom:1;}
*/
