@charset "UTF-8";

/* CSS Document */

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

/*
 * Header
 */
#header
{
	background: transparent url(../images/template/header.jpg) 0 60px no-repeat;
	position:			relative;
	width:				990px;
	height:				405px;
}
#header2
{
	position:			relative;
	width:				990px;
	height:				245px;
}
	#header-logo img
	{
		position:			absolute;
		top:				6px;
		left:				10px;
	}
		#header-logo .title
		{
			display:			none;
		}
	#header-title
	{
		position:			absolute;
		bottom:				0px;
		left:				0px;
	}
	#header-adv
	{
		position:			absolute;
		top:				6px;
		right:				10px;
		text-align:			right;
		color:				#999999;
		font-size:			0.9em;
	}
	#header-menu
	{
		position:			absolute;
		top:				70px;
		right:				340px;
		text-align:			right;
		color:				#999999;
		font-size:			0.9em;
	}
		#header-menu a
		{
			font-size:			1.1em;
			text-decoration:	underline;
		}
		#header #header-menu
		{
			right:				220px;
			font-weight:		bold;
		}
	#header-language-selection
	{
		position:			absolute;
		right:				0px;
		bottom:				19px;
		width:				120px;
		height:				14px;
		padding:			5px 10px;
		text-align:			right;
	}
	#header-vignettes
	{
		position:			absolute;
		top:				95px;
		text-align:			center;
		width:				100%;
	}
		#header-vignettes img
		{
			width:			120px;
			padding:		4px;
			height:			90px;
			background-color:#fff;
			border:			#ddd 1px solid;
			-moz-border-radius: 5px;
		}
		#header-vignettes a:hover img
		{
			background-color:	#475146;
		}
	
/*
 * Corp de la page
 */
#body
{
	position:			relative;
	width:				970px;
	color:				#424242;
	padding: 			10px;
}

	#content
	{
		position:			relative;
		margin:				0px;
	}
	



		
/*
 * News, CGV ...
 */
.welcome
{
	padding:			0 1%;
	text-align:			justify;
	letter-spacing:		0.1ex;
}
.news
{
	float:				left;
	width:				48%;
	padding:			1%;
	text-align:			justify;
	letter-spacing:		0.1ex;
}
	.news-title
	{
		clear:				both;
		padding:			20px 0 15px;
		color:				#1b4789;
		text-align:			center;
	}




/*
 * Cadre produit accueil
 */
.product-teaser
{
	position:		relative;
	float:			left;
	margin:			0 5px 0 6px;
	width:			312px;
}
	.product-teaser .title
	{
		padding:		16px 7px 0;
	}
	.product-teaser img
	{
		width:			298px;
		margin-top:		8px;
		padding:		6px;
		height:			224px;
		background-color:#fff;
		border:			#ddd 1px solid;
		-moz-border-radius: 5px;
	}
	.product-teaser a:hover img
	{
		background-color:	#475146;
	}
	.product-teaser .plus
	{
		text-align:			right;
		padding-right:		7px;
		font-size:			0.85em;
		font-style:			italic;
	}




/*
 * Cadre produit recherche
 */
.product-result
{
	position:		relative;
	width:			624px;
	height:			195px;
	background:		transparent url(../images/template/prod-bkgnd.jpg) top left no-repeat;
}
	.product-result .title
	{
		position:		absolute;
		left:			142px;
		top:			14px;
		width:			384px;
		height:			20px;
		font-weight:	bold;
		font-size:		1.2em;
	}
	.product-result .subtitle
	{
		position:		absolute;
		left:			142px;
		top:			32px;
		width:			384px;
		height:			16px;
	}
	.product-result img
	{
		position:		absolute;
		left:			12px;
		top:			12px;
		width:			114px;
	}
	.product-result .description
	{
	position:		absolute;
	left:			142px;
	top:			94px;
	width:			465px;
	height:			55px;
	line-height:	1.7em;
	overflow:		hidden;
	font-size:		0.85em;
	text-align:		justify;
	}

	.product-result .price,
	.product-result .price-promo
	{
		position:		absolute;
		left:			527px;
		top:			24px;
		width:			73px;
		height:			16px;
		color:			#9C000A;
		font-size:		1.1em;
		text-align:		center;
	}
		.product-result .price-promo
		{
			top:			22px;
			font-size:		1.3em;
			font-weight:	bold;
		}
	.product-result .cart,
	.product-result .cart-contact,
	.product-result .cart-soldout
	{
		position:		absolute;
		left:			459px;
		top:			59px;
		width:			154px;
		height:			22px;
	}
		.product-result .cart
		{
			background:		transparent url(../images/template/to-cart-bkgnd.jpg) left top no-repeat;
		}
		.product-result .cart-contact
		{
			background:		transparent url(../images/template/to-cart-bkgnd.jpg) 0 -22px no-repeat;
		}
		.product-result .cart-soldout
		{
			background:		transparent url(../images/template/to-cart-bkgnd.jpg) 0 -44px no-repeat;
		}
		.product-result .cart:hover
		{
			background:		transparent url(../images/template/to-cart-bkgnd.jpg) 0 -66px no-repeat;
		}
		.product-result .cart-contact:hover
		{
			background:		transparent url(../images/template/to-cart-bkgnd.jpg) 0 -88px no-repeat;
		}
		.product-result .cart-soldout:hover
		{
			background:		transparent url(../images/template/to-cart-bkgnd.jpg) 0 -110px no-repeat;
		}
	.product-result .stock,
	.product-result .stock-contact,
	.product-result .stock-soldout
	{
		position:		absolute;
		left:			135px;
		top:			59px;
		width:			100px;
		height:			22px;
	}
		.product-result .stock
		{
			background:		transparent url(../images/template/stock-bkgnd.jpg) left top no-repeat;
		}
		.product-result .stock-contact
		{
			background:		transparent url(../images/template/stock-bkgnd.jpg) 0 -22px no-repeat;
		}
		.product-result .stock-soldout
		{
			background:		transparent url(../images/template/stock-bkgnd.jpg) 0 -44px no-repeat;
		}




/*
 * Page détail produit
 */
#product
{
	position:		relative;
}
	#product #product-description
	{
		float:			left;
		width:			385px;
		padding:		20px;
	}
		#product #product-description .product-desc-body
		{
			margin:				10px 0px;
			text-align:			justify;
		}
		#product #product-description div
		{
			margin:				10px 0px;
			text-align:			left;
			padding-left:		15px;
		}
		#product #product-description ul li
		{
			color:				#333300;
			font-weight:		bold;
		}
		#product #product-description ul li span
		{
			font-weight:		normal;
		}
		#product #product-description hr
		{
			margin-top:			60px;
		}
		#product #product-cart .price
		{
			color:				#990000;
			font-weight:		bold;
			text-align:			right;
		}
		#product #product-cart em
		{
			font-size:			0.9em;
		}
	#product #product-datas
	{
		float:			right;
		width:			480px;
		top:			30px;
		margin:			10px;
		padding:		20px;
		background-color:#fff;
		border:			#ddd 1px solid;
		-moz-border-radius: 5px;
	}
		#product #product-datas .main-pic
		{
			margin:			15px 91px;
		}

	#product-caroussel
	{
		position:		relative;
		top:			0;
		height:			90px;
		width:			480px;
	}
		#caroussel-prev
		{
			position:		absolute;
			left:			0;
			z-index:		2;
		}
		#caroussel-next
		{
			position:		absolute;
			right:			0;
			z-index:		2;
		}
		#caroussel-frame
		{
			position:		absolute;
			overflow:		hidden;
			left:			00px;
			height:			90px;
			width:			478px;
		}
		#caroussel-images
		{
			position:		absolute;
			left:			20px;
			height:			90px;
			z-index:		1;
		}
		#product-caroussel .caroussel-img
		{
			margin:			0 13px;
		}

	#product .title,
	.welcome .title,
	.news .title
	{
		color:				#636965;
		text-align:			left;
		padding:			20px 0 10px;
	}





/*
 * Cadre, avec titre, onglets ou pas à pas
 */
	.framed-body 
	{
		position:		relative;
		background:		transparent url(../images/template/frame-bkgnd.jpg) left repeat-y;
		width:			650px;
		margin:			auto;
	}
		.framed-body .framed-title
		{
			background:		transparent url(../images/template/frame-title.jpg) top left no-repeat;
			height:			30px;
			padding:		10px 10px 0;
			color:			#1b4789;
			text-align:		left;
		}
		.framed-body .framed-tabs
		{
			height:			40px;
			background:		transparent url(../images/template/frame-tabs.jpg) top left no-repeat;
		}
			.framed-tabs a,
			.framed-tabs span
			{
				display:		block;
				width:			150px;
				height:			32px;
				padding-top:	8px;
				text-align:		center;
				color:			#1b4789;
				font-weight:	bold;
			}
			.framed-tabs .on
			{
				background: url(../images/template/frame-tabs.jpg) 0 0 no-repeat;
				height:			34px;
				padding-top:	6px;
				font-size:		1.15em;
			}
			.framed-tabs .off
			{
				background: url(../images/template/frame-tabs.jpg) -150px 0 no-repeat;
			}
			.framed-tabs .disabled
			{
				background: url(../images/template/frame-tabs.jpg) -300px 0 no-repeat;
				color:			#c8c8c8;
			}
		.framed-body .framed-steps
		{
			height:			40px;
			background:		transparent url(../images/template/frame-steps.jpg) top left no-repeat;
		}
			.framed-steps table
			{
				position:		relative;
				left:			25px;
			}
			.framed-steps a,
			.framed-steps a:hover,
			.framed-steps span
			{
				display:		block;
				width:			148px;
				height:			28px;
				padding-top:	12px;
				padding-left:	2px;
				text-align:		center;
				color:			#FFFFFF;
				font-weight:	bold;
			}
			.framed-steps .on
			{
				background: url(../images/template/frame-steps.jpg) -25px 0 no-repeat;
			}
			.framed-steps .off
			{
				background: url(../images/template/frame-steps.jpg) -175px 0 no-repeat;
			}
			.framed-steps .disabled
			{
				background: url(../images/template/frame-steps.jpg) -325px 0 no-repeat;
				color:			#c8c8c8;
			}
		.framed-body .framed-middle
		{
			background:		transparent url(../images/template/frame-bkgnd-top.jpg) top left no-repeat;
		}
		.framed-body .framed-content
		{
			position:		relative;
			left:			10px;
			top:			10px;
			bottom:			20px;
			width:			630px;
			color:			#626262;
		}
		.framed-body .framed-bottom
		{
			clear:			both;
			background:		transparent url(../images/template/frame-bottom.jpg) bottom left no-repeat;
			width:			650px;
			height:			10px;
		}


/*
 * Cadre de message d'alerte
 */
	.warned-body
	{
		background:		transparent url(../images/template/warn-bkgnd.jpg) left repeat-y;
		width:			650px;
		margin:			auto;
		margin-bottom:	15px;
	}
	.warned-top
	{
		background:		transparent url(../images/template/warn-bkgnd-top.jpg) top left no-repeat;
		width:			650px;
		color:			#740D00;
		text-align:		justify;
	}
	.warned-bottom
	{
		clear:			both;
		background:		transparent url(../images/template/warn-bkgnd-bottom.jpg) bottom left no-repeat;
		width:			650px;
		height:			9px;
	}
	.warned-top div
	{
		padding:		10px 10px 0;
		min-height:		50px;
		_height:		50px;
		font-size:		1.1em;
		font-weight:	bold;
	}
					
               

/*
 * Menu de pagination
 */
.pagedMenu
{
	position:			relative;
	height:				15px;
	padding:			10px;
	text-align:			center;
	font-size:			1.08em;
}
	.pagedMenu a
	{
		color:				#999999;
	}



/*
 * Pied de page
 */
#footer
{
	position:			relative;
	background-color:	#f2f2f2;
	border-top:			#d8d8d8 3px solid;
	padding:			10px;
	margin-top:			20px;
	color:				#a5a5a5;
}
	#footer a
	{
		color:				#2f7bb7;
	}
	#footer a:hover
	{
		color:				#aaaaaa;
	}
	#footer-legal
	{
		padding-top:		15px;
	}
	#footer-links
	{
		font-size:			90%;
		font-style:			italic;
		text-align:			right;
	}




/*
 * Titres (avec pointillés) et séparateurs
 */
.blanked
{
	height:			24px;
}




/*
 * 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:				#126494;
	color:				#671722;
	text-decoration:	none;
}
a:hover
{
	text-decoration:	underline;
}
a.grey
{
	color:				#626262;
	text-decoration:	underline;
}




/*
 * Formattage des tableaux
 */
table.formated-table
{
	width:				100%;
}
	table.formated-table td
	{
		padding:			3px;
	}
	table.formated-table td:first-child
	{
		width:				120px;
	}

table.cart-table
{
	width:				100%;
}
	table.cart-table td
	{
		padding:			3px;
	}
	table.cart-table th
	{
		text-align:			center;
	}




/*
 * Champs de formulaires
 */
.input-shadowed
		{
		padding: 2px;
		background: #fff url(../images/template/input-bkgnd.png) top repeat-x;
		border-style: solid;
		border-width: 1px;
		border-color: #898989 #acacac #c9c9c9;
		-moz-border-radius:3px;
		color: #404040;
		}

.btn-b-blue,
.btn-b-lightblue,
.btn-b-green,
.btn-b-red
		{
		background: transparent url(../images/template/btn-b-blue.png) center repeat-x;
		border-style: solid;
		border-width: 2px;
		border-color: #898989 #acacac #c9c9c9;
		border-color: #616161 #777 #9e9e9e;
		-moz-border-radius: 6px;
		padding: 5px 10px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #FFF!important;
		}
.btn-b-lightblue
		{
		background-image: url(../images/template/btn-b-lightblue.png);
		}
.btn-b-green
		{
		background-image: url(../images/template/btn-b-green.png);
		}
.btn-b-red
		{
		background-image: url(../images/template/btn-b-red.png);
		}

/*
 * Formulaire : erreurs de saisie
 */
.warn
{
	padding:			0 !important;
	color:				#740D00;
	font-size:			0.8em !important;
	font-weight:		bold;
}
.input-warn
{
	border:				#AA0000 1px solid;
/*	background-color:	#FFF2D5; */
	color:				#740D00;
}




/*
 * 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;
		} 
		
	}
