/***************************************************
	bf2007_ete.css
----------------------------------------------------
	Author  : 			Tommy Rochette [www.troisiemeoeil.ca] 
	Contact : 			tom@troisiemeoeil.ca
	Licence :			2006-2007 troisièmeOeil, ALL RIGHT RESERVED
	Created :			May 7th  2007
	Last modification:	May 7th  2007
-----------------------------------------------------
	Description : 
	CSS fall 2007 layout for boutiqueflorin.com
	
	!!!!Warning!!!!
	The change made in this file will be seen in all
	all boutiqueflorin.com's pages.
----------------------------------------------------
	History of file
----------------------------------------------------
	2007-05-07 --> File created
***************************************************/ 
*{
	margin:0;
	padding:0;
	font-family:Century Gothic, Geneva, Arial, Helvetica, sans-serif;
	font-size:1em;
}
body,html{
	height:100%;
	background:url(../medias/bf_pattern_bg.jpg) repeat top left #261d11;
}
a{
	text-decoration:none;
	color:#39321f;
}
a:visited{
	color:#6a9b03;
}
a:hover{
	color:#6a9b03;
	text-decoration:underline;
}
img{
	vertical-align: bottom;
}
/***************************************************
	Define div#id tag
***************************************************/
div#header_container {margin-bottom:-4px;}
div#header_container #message {background:#78a51e url(../medias/bf_messageNotify_bg.gif) repeat-x top left; padding:10px 10px 10px 30px; color:#f1eeda; border-top:solid #39321f 1px; margin-bottom:5px; margin-top:-4px;}
div#header_container #message.error {background-image:url(../medias/bf_messageError_bg.gif); background-color:#a93c16;}
div#header_container #message strong {display:block; font-size:1em; text-transform:uppercase;}
div#header_container #message img {float:left; width:auto; height:auto; margin-top:10px; margin-right:20px;}
div#header_container #message p {font-size:0.6em; margin-left:20px;}
div#header_container #message a {color:#f1eeda; text-decoration:underline;}
div#header_container #message a:hover {text-decoration:none;}


div#border_left_container{
	width:49.2em;
	margin:auto;
	padding-left:11px;
	text-align:left;
	background:url(../medias/bf_leftshadow_bg.png) transparent top left repeat-y;
}
div#border_right_container{
	width:49.65em;
	padding-right:0.95em;
	background:url(../medias/bf_rightshadow_bg.png) transparent top right repeat-y;
}
	div#main_container{
		width:48.4em;
		background:#f1eeda;
		padding:10px;
		padding-bottom:0px;
	}
	/***************************************************
		Define header_container style
	**************************************************/
	div#contentPage {border-top:solid #39321f 1px; padding-top:1px;}
		
		div#header_container img {
			float:left;
			width:4em;
			border:none;
		}
		div#header_container a{
		
		}
			ul#secondary_level_menu {
				margin-top:1em;
				float:right;
			}
			ul#secondary_level_menu li{
				display:inline;
				font-size:0.7em;
				font-weight:bold;
				list-style-type:none;
				text-transform:uppercase;
			}
			div#header_animation {
				padding-top:1px;
				border-top:solid #39321f 1px;
			}
	/***************************************************
		Define sidebar_container style
	***************************************************/
	div#sidebar_container{
		position:relative;
		z-index:15;
		margin-left:-10px;
		margin-bottom:10px;
		padding:0 0 0 10px;
		float:left;
		background:url(../medias/bf_sidebar_bg.jpg) top left no-repeat transparent;
	}
	div#sidebar_rightshadow{
		padding-right:19px;
		background: url(../medias/bf_sidebar_shadowright_bg.png) top right no-repeat transparent;
	}
		/***************************************************
			Define primary_level_menu style
		***************************************************/
		ul#primary_level_menu{
			font-size:0.95em;
		}
		div#sidebar_rightshadow ul#primary_level_menu a {
			display:block;
			background:url(../medias/bf_menu_bg.gif) top left repeat-x #f1edd9;
			padding:0;
		}
		ul#primary_level_menu a span{
			display:block;
			cursor:hand;
			padding:0.6em 0.5em 0em 1em;
			height:2.45em;
			background:url(../medias/bf_menuline_up_rl.png) top left no-repeat transparent;
			color:#6d9f0d;
			font-family:Geneva, Arial, Helvetica, sans-serif;
		}
		div#sidebar_rightshadow ul#primary_level_menu a:hover, div#sidebar_rightshadow ul#primary_level_menu .selected a{
			background:url(../medias/bf_menu_hover_bg.gif) top left repeat-x #b9d97c;
			text-decoration:none;
		}
		ul#primary_level_menu a:hover span,ul#primary_level_menu .selected a span{
			background-position:-700px 0;
		}
		
		ul#primary_level_menu a .subtitle{
			font-family:Century Gothic, Arial, Helvetica, sans-serif;
			display:block;
			font-size:0.7em;
			font-weight:bold;
			color:#443d2a;
			margin:0;
			padding:0;
			margin-top:-1px;
			background:none;
		}
		ul#primary_level_menu a:hover .subtitle{
			background:none;
		}
		ul#primary_level_menu li{
			width:15.4em;
			list-style-type:none;
			border-bottom:solid #bcc094 1px;
		}
		ul#primary_level_menu .primary_level_sub_menu{
			margin:0;
			border-top:solid #bcc094 1px;
		}
		ul#primary_level_menu .primary_level_sub_menu li {
			display:block;
			width:20.5em;
			color:#443d2a;
			font-size:0.75em;
			border-top:none;
			border-color:#afbd86;
			margin-top:1px;
	
		}
		div#sidebar_container ul#primary_level_menu .primary_level_sub_menu li a {
			display:block;
			width:20.5em;
			background:url(../medias/bf_submenu_up_rl_bg.gif) no-repeat top left #dbe1b8;
		}
		div#sidebar_container ul#primary_level_menu .primary_level_sub_menu li a:hover {
			background:url(../medias/bf_submenu_up_rl_bg.gif) no-repeat -700px 0px #dbe1b8;
		}
		div#sidebar_container ul#primary_level_menu .primary_level_sub_menu li a span{
			display:block;
			font-family:Century Gothic, Arial, Helvetica, sans-serif;
			font-weight:bold;
			padding-left:2em;
			background:none;
			height:1.6em;
			padding-top:0.4em;
			color:#5b643e;
		}
		div#sidebar_container ul#primary_level_menu .primary_level_sub_menu li a:hover span{
			color:#e9e6d3;
			background:none;
			
		}
		ul#primary_level_menu .primary_level_sub_menu .noborder{
			border-bottom:none;
		}
		ul#primary_level_menu .primary_level_sub_menu .secondli{
			margin-top:1px;
		}
		/***************************************************
			Define primary_level_menu style
		***************************************************/
		ul#third_level_menu{
			margin:20px 0 0 4px;
		}
		ul#third_level_menu li{
			list-style-type:none;
		}
		ul#third_level_menu a span{
			display:none;
		}
		ul#third_level_menu .tendances a ,	ul#third_level_menu .boutiques a,ul#third_level_menu .emploi a{
			display:block;
			width:227px;
			height:141px;
		}
		ul#third_level_menu .tendances a {
			background:url(../medias/bf_tendance_up_rl.png) top left no-repeat transparent;
		}
		ul#third_level_menu .tendances a:hover{
			background-position:top right;
		}
		ul#third_level_menu .boutiques a {
			background:url(../medias/bf_boutiques_up_rl.png) top left no-repeat transparent;
		}
		ul#third_level_menu .boutiques a:hover{
			background-position:top right;
		}
		ul#third_level_menu .emploi a {
			height:63px;
			background:url(../medias/bf_offresemploi_up_rl_bg.png) top left no-repeat transparent;
		}
		ul#third_level_menu .emploi a:hover{
			background-position:top right;
		}
	/***************************************************
		Define content_container style
	***************************************************/
	div#content_container{
		position:relative;
		z-index:12;
		float:left;
		margin-left:-17px;
		width:33.6em;
	}
		/***************************************************
			Define main_pub style
		***************************************************/
		div#main_pub{
			background:url(../medias/bf_mainpub_bg.gif) repeat-x bottom left #f0edd9;
			border-bottom:solid 1px #aea996;
		}
		div#main_pub_background{
			padding:1em;
			background:url(../medias/bf_mainpub_img_bg.jpg) no-repeat bottom right transparent;
			height:12.8em;
		}
			div#main_pub h1{
				font-size:1.05em;
				font-weight:normal;
				text-transform:uppercase;
				color:#628026;
				line-height:1em;
			}
				div#main_pub h1 span{
					
					font-size:0.65em;
					font-weight:bold;
					color:#3b3620;
				}
				
			div#main_pub p{
				font-size:0.65em;
				color:#3b3620;
				width:30em;
				margin-top:1.7em;
			}
			div#main_pub .emphasis{
				width:27em;
				font-size:0.65em;
				text-transform:uppercase;
				font-weight:bold;
			}
			div#main_pub .mag_btn{
				margin-top:10px;
				display:block;
				width:166px;
				height:27px;
				background:url(../medias/bf_mag_up_rl_btn.png) no-repeat top left transparent;
			}
			
			div#main_pub .mag_btn:hover{
				background-position:top right;
			}
			div#main_pub .mag_btn span{
				display:none;
			}
	/***************************************************
		Define news_container style
	***************************************************/
		div#news_container li{
			list-style-type:none;
			display:inline;
		}
		div#news_container .nouvelleboutique a span,div#news_container .florinecran a span{
			display:none;
		}
		div#news_container .nouvelleboutique a{
			float:left;
			display:block;
			width:288px;
			height:96px;
			background:url(../medias/bf_nouvelleboutique_up_rl.png) top left no-repeat transparent;
		}
		div#news_container .nouvelleboutique a:hover{
			background-position:top right;
		}
		div#news_container .florinecran a{
			float:left;
			display:block;
			width:249px;
			height:96px;
			background:url(../medias/bf_florinecran_up_rl.png) top left no-repeat transparent;
		}
		div#news_container .florinecran a:hover{
			background-position:top right;
		}
	/***************************************************
		Define products mini style
	***************************************************/
		div#product_container{
			margin-left:2px;
		}
		div#product_container .product{
			float:left;
			border:solid 1px #e6e3d0;
			width:11em;
		}
		div#product_container .product_border{
			border:solid 1px #c8c5b5;
			width:10.9em;
		}
		div#product_container .product h3{
			text-align:left;
			font-size:0.95em;
			padding:4% 4% 2% 4%;
			width:92%;
			font-weight:normal;
			color:#628026;
			border-bottom:solid 1px #9dbb57;
		}
		div#product_container .product h3 a,div#product_container .product h3 a:hover{
			color:#628026;
			text-decoration:none;
		}
		div#product_container .product p{
			text-align:left;
			font-size:0.65em;
			border-top:solid 1px #9dbb57;
			padding:4% 4% 2% 4%;
			width:92%;
			color:#322c19;
		}
		div#product_container .product img{
			width:100%;
			border:0;
			margin:0;
			padding:0;
		}
		.see_btn{
			display:block;
			margin:5px 0 0.5em 0;
			width:111px;
			height:23px;
			background:url(../medias/bf_see_up_rl_btn.png) no-repeat top left transparent;
		}
		.see_btn span{
			display:none;
		}
		.see_btn:hover{
			background-position:top right;
		}
	/***************************************************
		Define footer_container style
	***************************************************/
	div#footer_container{
		clear:both;
		margin-top:15px;
		background: url(../medias/bf_footertop_bg.gif) repeat-x top left #2b2113;
	}
		div#footer_bgbottom{
			background: url(../medias/bf_footerbottom_bg.gif) repeat-x bottom left transparent;
			font-size:0.75em;
			color:#fffceb;
		}
		div#footer_bgbottom h3{
			font-size:0.9em;
			font-weight:normal;
			text-transform:uppercase;
		}
		div#footer_bgbottom li{
			list-style-type:none;
			font-size:0.8em;			
		}
		div#footer_bgbottom a{
			color:#b6b19f;
		}
		div#footer_bgbottom a:hover{
			text-decoration:underline;
			color:#fffceb;
		}
			div#footer_row_one,div#footer_row_two,div#footer_row_three{
				padding:1em;
				float:left;
				width:17em;
			}
			
			div#footer_row_two{
				border-left:solid 1px #5d5445;
				width:20em;
			}
			div#footer_row_three{
				border-left:solid 1px #5d5445;
				width:20em;
			}
			.troisiemeoeil{
				float:right;
				display:block;
				margin-top:3px;
				width:93px;
				height:28px;
				background:url(../medias/bf_logotroisiemeoeil_up_rl.gif) no-repeat top left transparent;
			}
			.troisiemeoeil:hover{
				background-position:top right;
			}
			.troisiemeoeil span{
				display:none;
			}
			.copyrigths{
				color:#766f60;
				float:left;
				font-size:0.6em;
				margin-top:8px;
			}
		/***************************************************
				Define usefull class and tag
		***************************************************/
		div#fil_ariane{
			height:2.2em;
			background:url(../medias/bf_ariane_bg.gif) repeat-x bottom left #e0dfc9;
			padding-top:0.7em;
			border-bottom:solid 1px #afad8c;
			margin-left:0.05em;
		}
		div#fil_ariane ul{
			padding-left:1.7em;
			height:1.3em;
			background:url(../medias/bf_ariane_lits_img.gif) 0.7em 0.45em no-repeat transparent;
		}
		div#fil_ariane li{
			display:inline;
			font-size:0.7em;
			font-weight:bold;
			text-transform:uppercase;
			color:#43311c;
		}
		div#fil_ariane a{
			text-decoration:underline;
			color:#43311c;
			margin-right:0.3em;
		}
		div#fil_ariane a:hover{
			text-decoration:none;
			color:#43311c;
		}
/***************************************************
		Define usefull class and tag
***************************************************/
.clear{
	display:block;
	clear:both;
}
.price{
	display:block;
	font-size:1.3em;
	font-weight:bold;
	margin:0.6em 0;
}
.red{
	color:#990000;
	margin-right:0.6em;
}
.barre{
	text-decoration:line-through;
}
.exposant{
	position:relative;
	top:-0.2em;
	font-size:0.8em;
}
.display_fix{
	display:none;
}

/*****************Loading fix**************/
body{
	text-align:center;
 	background:url(../medias/bf_light_bg.jpg) top center no-repeat transparent;
}