#portfolio {}

/* iFrame */

#ifFolio {margin:50px 0 0 0px; background:#050505 url(/images/interface/folio_bg.gif); visibility:visible;}
	/* IE6 Flickr */ * HTML #ifFolio {visibility:hidden;}
	
	
/* IN iFrame */
	
BODY.folio { margin:0; padding:0; font-size:12px; font-family: Arial, Helvetica, sans-serif; color:#FFF; 
		background: #050505; color:#FFF;}
		
.portfolio {width:8000px;height:415px;}
	.portfolio .page {width:880px;float:left;}
	.portfolio .item {float:left;padding:0 10px 10px 0;}


/* ITEM */

.folio_item {width:866px;background-color:#050505;}
	
	.folio_item .img {width:583px;height:415px;float:left;}
	
	.folio_item .text {padding:30px 30px 30px 30px;position:relative;}
		.folio_item H2 {font-size:14px;color:#FFF;margin:0 0 5px 0;padding:0;}
		.folio_item .date {padding:0 0 10px 0;font-size:11px;}
		.folio_item .desc {font-size:11px;} 
	
	.folio_item .btn SPAN {position:absolute;top:0;right:0;background: url(/images/icons/x.gif) no-repeat 16px 8px;}
		.folio_item .btn SPAN.icon_o {background-image: url(/images/icons/x_o.gif);}
		* HTML .folio_item .btn SPAN {cursor:hand;}
	.folio_item .btn IMG {width:40px;height:40px;}
	
	.folio_item A:link, .folio_item A:visited, .folio_item A:active {color:#FFF; font-weight:bold;text-decoration:none;}
	.folio_item A:hover {color:#FFF; text-decoration:underline;}
	
	.folio_item .info, .folio_item .info_pale {width:281px;height:415px;float:left;}
	
	.folio_item .info_pale {color:#050505; background-color:#FFF;}
		.folio_item .info_pale H2 {font-size:12px;color:#000;}
			.info_pale A:link, .info_pale A:visited, .info_pale A:active {color:#050505; text-decoration:none;}
			.info_pale A:hover {color:#000; text-decoration:underline;}
		.folio_item .info_pale .btn SPAN {background-image: url(/images/icons/x2.gif);}
			.folio_item .info_pale .btn SPAN.icon_o {background-image: url(/images/icons/x2_o.gif);}

	.bonuses {margin: 10px 0 0 0;}
	.bonuses DIV {margin:0 0 5px 0;}
	
#folio_progress {position:absolute;top:0px;left:0px;}


/* Misc */

.folio A:link, .folio A:visited, .folio A:active {color:#ed1c24; text-decoration:underline;}
.folio A:hover {color:#FFF; text-decoration:none;}

.canton A:link, .canton A:visited, .canton A:active {color:#e83c30; text-decoration:underline;}
.canton A:hover {color:#000; text-decoration:none;}

.deserres A:link, .deserres A:visited, .deserres A:active {color:#e83c30; text-decoration:underline;}
.deserres A:hover {color:#000; text-decoration:none;}

.igor A:link, .igor A:visited, .igor A:active {color:#98bf52; text-decoration:underline;}
.igor A:hover {color:#000; text-decoration:none;}

.nuera_transac A:link, .nuera_transac A:visited, .nuera_transac A:active {color:#4a5054; text-decoration:underline;}
.nuera_transac A:hover {color:#000; text-decoration:none;}

.lesevades A:link, .lesevades A:visited, .lesevades A:active {color:#828282; text-decoration:underline;}
.lesevades A:hover {color:#000; text-decoration:none;}

.silhouette A:link, .silhouette A:visited, .silhouette A:active {color:#FFF; text-decoration:underline;}
.silhouette A:hover {color:#000036; text-decoration:none;}

.uniprix A:link, .uniprix A:visited, .uniprix A:active {color:#0052A0; text-decoration:underline;}
.uniprix A:hover {color:#181F27; text-decoration:none;}

.sthubert A:link, .sthubert A:visited, .sthubert A:active {color:#C23116; text-decoration:underline;}
.sthubert A:hover {color:#000; text-decoration:none;}

.billie A:link, .billie A:visited, .billie A:active {color:#3C1503; text-decoration:underline;}
.billie A:hover {color:#000; text-decoration:none;}

.cimetierendn A:link, .cimetierendn A:visited, .cimetierendn A:active {color:#403B3A; text-decoration:underline;}
.cimetierendn A:hover {color:#000; text-decoration:none;}

.loftgenx A:link, .loftgenx A:visited, .loftgenx A:active {color:#ffb900; text-decoration:underline;}
.loftgenx A:hover {color:#FFF; text-decoration:none;}

.hydro A:link, .hydro A:visited, .hydro A:active {color:#ffb900; text-decoration:underline;}
.hydro A:hover {color:#FFF; text-decoration:none;}

.ymca A:link, .ymca A:visited, .ymca A:active {color:#E90332; text-decoration:underline;}
.ymca A:hover {color:#000; text-decoration:none;}

.cliniquesante A:link, .cliniquesante A:visited, .cliniquesante A:active {color:#DDF0DB; text-decoration:underline;}
.cliniquesante A:hover {color:#fff; text-decoration:none;}

.lancome A:link, .lancome A:visited, .lancome A:active {color:#FFF; text-decoration:underline;}
.lancome A:hover {color:#181F27; text-decoration:none;}

.danone A:link, .danone A:visited, .danone A:active {color:#3186AE; text-decoration:underline;}
.danone A:hover {color:#000; text-decoration:none;}

.danone_activia A:link, .danone_activia A:visited, .danone_activia A:active {color:#2AA952; text-decoration:underline;}
.danone_activia A:hover {color:#FFF; text-decoration:none;}

.silhouette_edition A:link, .silhouette_edition A:visited, .silhouette_edition A:active {color:#9E1725; text-decoration:underline;}
.silhouette_edition A:hover {color:#000; text-decoration:none;}

.danone_danactive A:link, .danone_danactive A:visited, .danone_danactive A:active {color:#1c4a9a; text-decoration:underline;}
.danone_danactive A:hover {color:#000; text-decoration:none;}

.danone_stony A:link, .danone_stony A:visited, .danone_stony A:active {color:#FFF; text-decoration:underline;}
.danone_stony A:hover {color:#FFF; text-decoration:none;}

.alcoa A:link, .alcoa A:visited, .alcoa A:active {color:#02457A; text-decoration:underline;}
.alcoa A:hover {color:#000; text-decoration:none;}

.astral A:link, .astral A:visited, .astral A:active {color:#007ac3; text-decoration:underline;}
.astral A:hover {color:#000; text-decoration:none;}

.exceldor A:link, .exceldor A:visited, .exceldor A:active {color:#FF0907; text-decoration:underline;}
.exceldor A:hover {color:#B70000; text-decoration:none;}

.vircom A:link, .vircom A:visited, .vircom A:active {color:#D8DFE5; text-decoration:underline;}
.vircom A:hover {color:#000; text-decoration:none;}

.quais A:link, .quais A:visited, .quais A:active {color:#029EEB; text-decoration:underline;}
.quais A:hover {color:#000; text-decoration:none;}

.recettes A:link, .recettes A:visited, .recettes A:active {color:#8f8d5c; text-decoration:underline;}
.recettes A:hover {color:#000; text-decoration:none;}

.fruitpassion A:link, .fruitpassion A:visited, .fruitpassion A:active {color:#6FB000; text-decoration:underline;}
.fruitpassion A:hover {color:#416700; text-decoration:none;}

.ikea A:link, .ikea A:visited, .ikea A:active {color:#FFF; text-decoration:underline;}
.ikea A:hover {color:#FFCA05; text-decoration:none;}

.mch A:link, .mch A:visited, .mch A:active {color:#999; text-decoration:underline;}
.mch A:hover {color:#000; text-decoration:none;}

.archambault A:link, .archambault A:visited, .archambault A:active {color:#000; text-decoration:underline;}
.archambault A:hover {color:#FFF; text-decoration:none;}

.basiliquendm A:link, .basiliquendm A:visited, .basiliquendm A:active {color:#08415b; text-decoration:underline;}
.basiliquendm A:hover {color:#000; text-decoration:none;}

.consign A:link, .consign A:visited, .consign A:active {color:#000; text-decoration:underline;}
.consign A:hover {color:#FFF; text-decoration:none;}

.ogilvy A:link, .ogilvy A:visited, .ogilvy A:active {color:#FF0000; text-decoration:underline;}
.ogilvy A:hover {color:#999999; text-decoration:none;}

.analekta A:link, .analekta A:visited, .analekta A:active {color:#AAA; text-decoration:underline;}
.analekta A:hover {color:#FFF; text-decoration:none;}

.bayard A:link, .bayard A:visited, .bayard A:active {color:#FEF200; text-decoration:underline;}
.bayard A:hover {color:#FFF; text-decoration:none;}

.simplex A:link, .simplex A:visited, .simplex A:active {color:#3B3B3B; text-decoration:underline;}
.simplex A:hover {color:#000; text-decoration:none;}

.lilibermuda A:link, .lilibermuda A:visited, .lilibermuda A:active {color:#cc4cc7; text-decoration:underline;}
.lilibermuda A:hover {color:#000; text-decoration:none;}

.transherb A:link, .transherb A:visited, .transherb A:active {color:#BFE55E; text-decoration:underline;}
.transherb A:hover {color:#FFF; text-decoration:none;}

.mckesson A:link, .mckesson A:visited, .mckesson A:active {color:#149CDE; text-decoration:underline;}
.mckesson A:hover {color:#FFF; text-decoration:none;}

.infoassurance A:link, .infoassurance A:visited, .infoassurance A:active {color:#63B2D3; text-decoration:underline;}
.infoassurance A:hover {color:#FFF; text-decoration:none;}

.danino A:link, .danino A:visited, .danino A:active {color:#FFF; text-decoration:underline;}
.danino A:hover {color:#F5BC0B; text-decoration:none;}

.bio A:link, .bio A:visited, .bio A:active {color:#F09020; text-decoration:underline;}
.bio A:hover {color:#FFF; text-decoration:none;}

.martel A:link, .martel A:visited, .martel A:active {color:#D51441; text-decoration:underline;}
.martel A:hover {color:#FFF; text-decoration:none;}

.atlantis A:link, .atlantis A:visited, .atlantis A:active {color:#D74C47; text-decoration:underline;}
.atlantis A:hover {color:#FFF; text-decoration:none;}

.tohu A:link, .tohu A:visited, .tohu A:active {color:#F78121; text-decoration:underline;}
.tohu A:hover {color:#747474; text-decoration:none;}

.schreder A:link, .schreder A:visited, .schreder A:active {color:#DBDBDB; text-decoration:underline;}
.schreder A:hover {color:#FFF; text-decoration:none;}

.orhri A:link, .orhri A:visited, .orhri A:active {color:#FF9B15; text-decoration:underline;}
.orhri A:hover {color:#000; text-decoration:none;}

.maryseleduc A:link, .maryseleduc A:visited, .maryseleduc A:active {color:#0291DD; text-decoration:underline;}
.maryseleduc A:hover {color:#686868; text-decoration:none;}