/*
JS Beaulieu 2007
http://www.hypothetik.com
grille FQCC, version: 1
*/

body{text-align:center;}
#ft{clear:both}
#hd-bkg{width:auto;}
#bd-bkg{width:936px;margin:-14px auto;padding-top:14px;padding-bottom:24px;}


#bd, #hd, .model_lms, .model_mls, .model_mxl{
	margin:auto;text-align:left;
	/*width:936px;*/
	width:908px;
}

#main{width:100%}

/*
les templates de page, utilisé sur #bd, defitit la talles des 2 blocs principale
*/

.model_lms #main{float:left;margin-right:-25em} /*  ! pas sure du -25em*/
.model_mls #main{float:right;margin-left:-25em}
.model_mxl #main{float:right;margin-left:-25em}

.model_lms .bloc {
	float:right;
	width:196px;
	}
.model_lms #main .bloc {	
	margin-right:196px;	
	}

.model_mls .bloc, .model_mxl .bloc {
	float:left;
	width:216px
	}
.model_mls #main .bloc, .model_mxl #main .bloc {	
	margin-left:216px;	
	}
/*
.model_mls .bloc, .model_mxl .bloc {
	float:left;
	width:258px
	}
.model_mls #main .bloc, .model_mxl #main .bloc {	
	margin-left:258px;	
	}
*/	
	

#main .bloc {float:none;width:auto;}	
/*
les grilles
grille : 50% 50%
grille-lm : 454px 258px
grille-ls : 454px 196px
grille-xl : 650px
*/



.grille .un, 
.grille .grille,
.grille-lm .un,
.grille-lm .grille .un,
.grille-ls .un,
.grille-sm .un,
.grille-lx .un{float:right;display:inline;}	

.grille div.prim,
.grille-lm div.prim,
.grille-lm div.prim div.prim,
.grille-ls div.prim,
.grille-sm div.prim,
.grille-xl div.prim{float:left;}

.grille .un,
.grille .grille{width:49.1%}

.grille .grille .un,
.grille-lm .grille .un,
.grille-ls .grille .un,
.grille-xl .grille .un{width:48.9%}

.grille-sm div.prim,
.grille-ls .grille-sm div.prim,
.grille .grille-lm .un,
.grille-lm .grille-lm .un,
.grille-ls .grille-lm .un{width:32%}
.grille-sm .un,
.grille-ls .grille-sm .un,
.grille .grille-lm div.prim,
.grille-lm .grille-lm div.prim,
.grille-ls .grille-lm div.prim,
.grille-xl .grille-lm div.prim{width:66%}

.grille-ls .grille-sm .un{width:67%}

/* ! taille des colonnes ! */
.grille-lm .un{float:left;/*margin-left:2%;*margin-left:1.895%;width:258px;*/width:36.2359%}

.grille-sss .un{float:left;margin-left:2%;*margin-left:1.895%;/*width:258px;*/width:32%}

.grille-sss div.prim,
.grille-lm div.prim{margin-left:0}

.grille-lm div.prim{/*width:454px;*/width:63.7640%}

.grille-ls .un{width:28.8235%}
.grille-ls div.prim{width:71%}  /*.grille-ls div.prim{width:71.1764%} 19 sep 2007*/

/*.grille-ls .un{width:30.1538%}
.grille-ls div.prim{width:69.8461%}*/


.grille-ls .grille-lm .un{width:38%}
.grille-ls .grille-lm div.prim{width:61%}

/*temp*/
.grille-xl .un{width:30.1538%}
.grille-xl div.prim{width:69.8461%}

/* - */
.galerie-planche:after,
#bd:after,
.grille:after,
.grille-lm:after,
.grille-sss:after,
.grille-ls:after,
.grille-sm:after,
.grille-xl:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.galerie-planche,
#bd,
.grille,
.grille-lm,
.grille-sss,
.grille-ls,
.grille-sm,
.grille-xl{zoom:1}