@charset "UTF-8";

/* CSS Document */

/*
 * General Page Layout by pitoo.com
 * v1.1
 */

/*
 * Header
 */
#header
{
	position:			relative;
	padding-top:		10px;
	width:				985px;
	height:				70px;
	top:				17px;
}
	#header-logo a
	{
		background-image:url(../images/template/ledepot-logo.gif);
		background-repeat:no-repeat;
		background-position: -5px 0;
		height:78px;
		left:44px;
		position:absolute;
		text-align:center;
		top:0;
		width:280px;
		overflow:hidden;
	}
	#header-logo a:hover
	{
		background-position: -5px -90px;
	}
	#header-boutiques-button a
	{
		background-image:url(../images/template/ledepot-logo.gif);
		background-repeat:no-repeat;
		background-position: -288px -24px;
		height:30px;
		left:840px;
		position:absolute;
		text-align:center;
		top:42px;
		width:99px;
		overflow:hidden;
	}
	#header-boutiques-button a:hover
	{
		background-position: -288px -114px;
	}
	#header-go4book-button a
	{
		background-image:url(../images/template/ledepot-logo.gif);
		background-repeat:no-repeat;
		background-position: -388px -24px;
		height:30px;
		left:840px;
		position:absolute;
		text-align:center;
		top:7px;
		width:99px;
		overflow:hidden;
	}
	#header-go4book-button a:hover
	{
		background-position: -388px -114px;
	}
	#header-banner
	{
		height:60px;
		left:468px;
		position:absolute;
		top:7px;
		left:345px;
		border:#111 2px solid;
	}
	
/*
 * Corp de la page
 */
#body
{
	color:#666666;
	height:596px;
	left:86px;
	padding:10px;
	position:absolute;
	text-align:left;
	top:96px;
	width:792px;
}
	#body-hello
	{
		height:390px;
		left:42px;
		overflow:auto;
		position:absolute;
		text-align:justify;
		top:35px;
		width:478px;
	}
	#body-addresses
	{
		height:220px;
		left:552px;
		overflow:hidden;
		position:absolute;
		text-align:justify;
		top:35px;
		width:222px;
	}
	#body-gallery
	{
		height:154px;
		left:552px;
		overflow:hidden;
		position:absolute;
		text-align:justify;
		top:272px;
		width:222px;
	}
		#body-hello .title,
		#body-addresses .title,
		#body-gallery .title
		{
			color:#085281;
			line-height:32px;
			font-family:"arial narrow","arial condensed",arial;
			font-weight:bold;
			border-bottom:#bebebe 1px solid;
		}
		#body-hello .article,
		#body-gallery .article
		{
			padding:6px 36px 0 2px;
		}
			#body-hello .article p,
			#body-gallery .article p
			{
				margin-bottom:10px;
			}
		#body-addresses .article
		{
			padding:6px 0 0 2px;
			font-size:0.85em;
		}
			#body-addresses .article hr
			{
				border-bottom:#ebebeb 1px solid;
			}
			#body-hello .article strong,
			#body-gallery .article strong,
			#body-addresses .article strong
			{
				font-family:"arial narrow","arial condensed",arial;
				font-size:1.15em;
			}

 	#product-images
	{
	position:			absolute;
	top:				447px;
	left:				28px;
	width:				758px;
	padding:			0px;
	height: 			146px;
	}
		#caroussel-prev
		{
			position:		absolute;
			top:			57px;
			left:			0;
			z-index:		2;
		}
		#caroussel-next
		{
			position:		absolute;
			top:			57px;
			right:			0;
			z-index:		2;
		}
		#product-caroussel
		{
			position:		relative;
			width:748px;
			height: 146px;
		}
			#caroussel-frame
			{
				position:		absolute;
				overflow:		hidden;
				left:			0px;
				width:			758px;
				height: 		146px;
			}
			#caroussel-images
			{
				position:		absolute;
				left:			6px;
				height:			146px;
				z-index:		1;
			}
			#product-caroussel .caroussel-img
			{
				background-color:#FFF;
				padding:		3px;
				margin:			0 16px;
				border:			#c2ccd2 1px solid;
				height:			138px;
			}


		


/*
 * Pied de page
 */
#footer
{
	left:23px;
	padding:3px;
	position:absolute;
	top:718px;
	width:933px;
}
	#footer-copyright
	{
	}
	#footer-legal
	{
		float:				right;
	}




/*
 * Redéfinition de balises standard
 */
h1
{
	font-weight:		bold;
	font-size:			2em;
}
h2
{
	font-size:			1.8em;
}
h3
{
	font-size:			1.5em;
}
h4
{
	font-size:			1.2em;
}
h5
{
	font-size:			1em;
}
h6
{
	font-size:			0.9em;
}
a
{
	color:				#1387C4;
	text-decoration:	none;
}
a:hover
{
	color:				#666666;
	text-decoration:	underline;
}
a.grey
{
	color:				#626262;
	text-decoration:	underline;
}




/*
 * modificateurs génériques
 */
.hidden
{
	visibility:			hidden;
}
.ghost
{
	display:			none;
}

.toleft
{
	float:				left;
}
.toright
{
	float:				right;
}
.clear-float
{
	clear:				both;
}



/* Visible a l'impression uniquement */
.print-only
	{
	display: 			none;
	}
	
/* *
 * printer 
 */
@media print
	{

	body
		{
		background:			none;
		}
		
	.no-print
		{
		display: 			none;
		}
		
	.print-only
		{
		display: 			inline;
		}
	
	.twoColHybLtHdr #document
		{ 
		width: 				100%;
		background: 		none;
		margin: 			0;
		} 
		
	}