/***************************************************
	boutiques_bf2007_ete.css
----------------------------------------------------
	Author  : 			Tommy Rochette [www.troisiemeoeil.ca] 
	Contact : 			tom@troisiemeoeil.ca
	Licence :			2006-2007 troisièmeOeil, ALL RIGHT RESERVED
	Created :			May 17th  2007
	Last modification:	May 17th  2007
-----------------------------------------------------
	Description : 
	CSS fall 2007 layout for boutiqueflorin.com,
	specification for shop page.
	
	!!!!Warning!!!!
	The change made in this file will be seen in all
	boutiqueflorin.com's shop pages.
----------------------------------------------------
	History of file
----------------------------------------------------
	2007-05-17 --> File created
***************************************************/ 

	/***************************************************
		Redefine style from base css
	***************************************************/
	div#main_pub{
		background:url() repeat-x bottom left #f1eeda;
		border:solid 1px #e6e3d0;
		margin-top:0.1em;
		margin-bottom:0;
		height:auto;
	}
	div#main_pub div#main_pub_background{
		border:solid 1px #c8c5b5;
		background:none;
		height:auto;
		padding-bottom:0.5em;
	}
	h2#shop_list{
		height:2.5em;
		background:url(../../medias/bf_poste_offert_img.png) no-repeat top left transparent;
		margin:0.2em 0;
	}
	h2#shop_list span{
		display:none;
	}
	div#main_pub h1{
		margin-bottom:15px;
		color:#aa5032;
	}
	div#main_pub p{
		font-size:0.65em;
		margin-top:1em;
		color:#322c19;
		width:100%;
	}
	div#main_pub a{
		color:#c4552a;
		text-decoration:underline;
	}
	div#main_pub a:hover{
		color:#c4552a;
		text-decoration:none;
	}
	div#main_pub h2,h4{
		font-size:0.70em;
		color:#3b3620;
		text-transform:uppercase;
		width:30em;
		margin:1.2em 0 0.1em 0;
	}
	div#main_pub div#main_pub_background  .ressource{
		margin-top:0.4em;
		font-size:0.65em;
		margin-bottom:1em;
		color:#3b3620;
	}
	div#main_pub div#main_pub_background  .ressource .name{
		font-size:1.1em;
	}
	/***************************************************
		Form style
	***************************************************/
		fieldset{
			margin-top:1em;
			border:none;
			border-top:solid 1px #aa5032;
			padding:1em 0 1em 0;
			font-size:0.75em
		}
		legend{
			text-transform:uppercase;
			font-size:1.2em;
			font-weight:normal;
			color:#aa5032;
			padding-right:0.8em;
		}
		label{
			display:block;
			width:10em;
			float:left;
			text-align:right;
			padding:0 10px 0 0;
		    font-size:0.9em;
			color:#3b3620;
			font-weight:bold;
			margin-bottom:0.7em;
		}
		input,textarea{
			display:block;
			width:30em;
			font-size:0.9em;
			background-color:none;
			border:#3b3620 solid 1px;
			float:left;
			padding-left:5px;
			margin-bottom:0.7em;
		}
		#control_btn input{
			width:10em;
			float:right;
		}
		#control_btn #submit_btn{
			margin:0 5em 0 1em;
		}
		form .error_message{
			color:#aa5032;
			margin-left:8.7em;
		}
		form .error_field{
			border:1px solid #aa5032;
			background-color: #fad0c2;
			padding:1em;
			margin-bottom:1em;
		}
		form .error_field label{
			width:8.7em;
		}
	/***************************************************
		Job holder
	***************************************************/
		div#product_container{
			margin-top:0 !important;
			margin-left:2px;
		}

		div#product_container .product{
			text-align:center;	
			float:left;
			border:solid 1px #e6e3d0;
			width:16.6em;
		}
		
		
		
		div#product_container .product_border{
			border:solid 1px #c8c5b5;
			width:16.5em;
			text-align:left;
			height:100%;
		}
		
		div#product_container .firstJob .product, div#product_container .firstJob .product_border{
			width:100%;
		}
		
		
		div#product_container .product_border div{
			border-bottom:solid 1px #aa5032;
			padding-bottom:1px;
		}
		div#product_container .product img{
			border-bottom:double 1px #aa5032;
			height:auto;
			line-height:0;
		}
		div#product_container .product h3{
			text-align:left;
			font-size:0.9em;
			font-weight:normal;
			color:#aa5032;
			padding:0.3em 0.3em 0.3em 0.5em;
			
			width:auto;
			border-bottom:solid 1px #aa5032;
		}
		div#product_container .product h4{
			width:auto;
		}
		div#product_container .product h3 span{
			display:block;
			font-size:0.7em;
			font-weight:bold;
			color:#43311c;
			text-transform:uppercase;
		}
		div#product_container .product p{
			border:none;
			padding:0.3em 0.3em 1em 0.5em;
			margin-top:0.8em;
		}
		
		.job_btn{
			display:block;
			margin:1em 0 0.8em 0.5em;
			width:154px;
			height:25px;
			background:url(../../medias/bf_job_btn.png) no-repeat top left transparent;
		}
		.job_btn span{
			display:none;
		}
		.job_btn:hover{
			background-position:top right;
		}
		div#product_container ul{
			padding-left:0.5em;
		}
		div#product_container li{
			list-style-type:none;
			font-size:0.65em;
			color:#322c19;
			line-height:1.6em;
			padding:0;
			margin:0;
		}
		h4{
			margin:0em 0 0.5em 0.5em;
		}