/*.. 	Reset	.................................................................. */	
  

   		body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}


/*..	Defaults	.................................................................. */


		body 	
			{
			margin: 0px;
			font-family:  arial, sans-serif;
			font-size:  12px;
			background: #861d00 url('/images/background.jpg') top left repeat;
	     	}
	     	
	     	
	     #arganelle
	     	{
			display: block;
			width: 873px;
			margin: 50px auto;
			background: transparent url('/images/frise.jpg') top left no-repeat;
			position: relative;
			padding: 44px 0 0 0;
			height: 575px;
	     	}

/*.. 	Header	.................................................................. */


		
        h1
            {
            display: block;
            width: 873px;
            height: 151px;
            background: transparent url('/images/header.jpg') top left no-repeat;
            text-indent: -999px;
            overflow: hidden;
            }

		#header	
			{
            width: 873px;			
	     	display: block;
			height: 123px;
			position: absolute;
			top: 181px;
			left: 0px;
			background: transparent url('/images/homepage/empty-h2.jpg') 0px 0px no-repeat;
			text-align: left;
			line-height: 23px;
			}	   
		
		#header h2	
			{
			font-size: 18px;
			font-weight: 200;
			color: #7b130b;
			margin: 15px 0px 5px 25px;
			}  	
		 #header h3	
		 	{
		 	font-size: 14px;
			color: #FFF;
			margin-left: 25px;
			width: 535px;
			display: block;
		 	}
		
		#header p	
			{
			margin-left: 25px;
			}
	
		#header a,
		#header a:link,
		#header a:active,
		#header a:visited
			{
			color: #aa763f;
			text-decoration: underline;
			}

		#header a:hover
			{
			color: #7b130b;
			text-decoration: none;
			}
		
	
/*..	Vu à la télé	.................................................................. */	     	


	    #vualatele
	     	{
	     	display: block;
			width: 873px;
			height: 95px;
			position: absolute;
			top: 304px;
			left: 0px;
			background: transparent url('/images/homepage/vu-a-ala-tele.jpg') top left no-repeat;
	     	}
	     	
		#vualatele a,
		#vualatele a:link,
		#vualatele a:active,
		#vualatele a:visited
			{
			display: block;
			width: 873px;
			height: 95px;
			text-indent: -999px;
			overflow: hidden;
			}
		
		
/*.. 	Products	.................................................................. */

		#products	
			{
			display: block;
			position: absolute;
			top: 399px;
			left: 0px;
			width: 873px;
			height: 402px;
			background: #ffd592 url('/images/homepage/products.jpg') top left no-repeat;
			}
	    
		.column	
			{
			width: 291px;
			float: left;
			text-align: center;
			}   
		
		#products .column h2	
			{
			font-size: 16px;
			font-weight: bold;
			} 
		
		#products .column h2 a,
		#products .column h2 a:link,
		#products .column h2 a:active,
		#products .column h2 a:visited
			{
			display: block;
			padding-top: 270px;
			color: #4e5918;			
			}

		#products .column h2 a:hover
			{
			color: #4e5918;
			text-decoration: none;
			}
		
		#products .column h2#cosmetique,	
		#products .column h2#coffrets
			{
			padding: 10px 0px 9px 0px;
			}
			
		#products .column p
			{
			margin: 7px 0px;
			font-size: 12px;
			font-weight: bold;
			color: #693318;
			}			
		
/*.. 	Livraison	.................................................................. */

		#livraison	
			{
			display: block;
			position: absolute;
			top: 801px;
			left: 0px;
			width: 873px;
			height: 56px;	
			background: #ffd592 url('/images/homepage/livraison.png') top left no-repeat;
			}		
	      
		#livraison p	
			{
			font-size: 14px;
			font-weight: bold;
			color: #905e38;
			line-height: 56px;
			margin-left: 425px;
			}
			
/*.. 	Photos	.................................................................. */

		#photos	
			{
			display: block;
			position: absolute;
			top: 857px;
			left: 0px;
			width: 873px;
			height: 143px;
			}	

/*.. 	Footlink	.................................................................. */

		
		#footlinks	
			{
			display: block;
			position: absolute;
			top: 1000px;
			left: 0px;
			width: 873px;
			height: 155px;
			background-color: #eab67b;
			}			
		
		#footlinks .column	
			{
			text-align: left !important;
			}
		
		#footlinks .column h3	
			{
			font-size: 14px;
			font-weight: bold;
			line-height: 60px;
			text-transform: uppercase;
			margin-left: 20px;
			}	
		
		#footlinks .column h3 a,
		#footlinks .column h3 a:link,
		#footlinks .column h3 a:active,
		#footlinks .column h3 a:visited
			{
			color: #4d5918;
			text-decoration: none;
			}

		#footlinks .column h3 a:hover
			{
			text-decoration: underline;
			}
		
		#footlinks .column p	
			{
			font-size: 12px;
			line-height: 16px;
			color: #7d4828;
			margin: 0px 20px 10px 20px;
			}	
		
		#footlinks .column a,
		#footlinks .column a:link,
		#footlinks .column a:active,
		#footlinks .column a:visited
			{
			color: #71110a;
			text-decoration: underline;
			text-transform: uppercase;
			}

		#footlinks .column a:hover
			{
			text-decoration: none;
			}
		
				
	      	
/*..	Footer	.................................................................. */	      	
	    
	    
	    #footer
	      	{
			width: 873px;
	      	position: absolute;
	      	top: 1165px;
	      	left: 0px;
	      	text-align: center;
	      	padding: 25px 0 0 0;
			margin: 0px auto;
	      	color: #e38d86;
	      	}
	      	
	      #footer a,
	      #footer a:link,
	      #footer a:active,
	      #footer a:visited
	      	{
	      	color: #e68344;
	      	text-decoration: underline;
	      	}
	      			
	      #footer a:hover
	      	{
	      	text-decoration: none;
	      	}
	      
	      
/*..	Polychrome	.................................................................. */
	      	
	    p#polychrome
	    	{
	    	font-size: 10px;
	    	padding: 25px 0;
	    	}	
	      	
	     p#polychrome a,
	     p#polychrome a:link,
	     p#polychrome a:active,
	     p#polychrome a:visited
	     	{
	     	color: #933931;
	     	text-decoration: none;
	     	}
	     			
	     p#polychrome a:hover
	     	{
	     	color: #e68344;
	     	text-decoration: none;
	     	}
	      	

/*.. 	Facebook	.................................................................. */

	  	#facebook	
	  		{
	  		position: absolute;
	  		top: 15px;
	  		left: 570px;
			width: 265px;
	  		}
	
		#facebook h4	
			{
			font-size: 18px;
			font-weight: 200;
			color: #7b130b;
			}
			
		#facebook #fblogo	
			{
			float: right;
			margin-top: 5px;
			}
		
		#facebook p	
			{
			margin-left: 0px;
			color: #FFF;
			font-size: 14px;
			}