@charset "UTF-8";

/* CSS Document */

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

body
{
	background:			#aeaeae url(../images/template/body-bkgnd.jpg) repeat-y top center;
	height: 100%;
}

#document
{
	background:			transparent url(../images/template/back.jpg) repeat-x scroll top center;
}

/*
 * Header
 */
#header
{
	position:			relative;
	width:				950px;
	height:				280px;
	margin:				0 auto;
	background:			transparent url(../images/template/header_home.jpg) top center no-repeat;
}
	#header-logo
	{
		position:			relative;
		margin-left:		15px;
	}
	#header-logo .anim
	{
		position:			absolute;
		top:				160px;
		left:				0;
	}
		#header-logo .title
		{
			display:			none;
		}
	#header-title
	{
		position:			absolute;
		top:				172px;
		left:				85px;
		color:				#fff;
		font-style:			italic;
		font-weight:		normal;
		text-align:			left;
		font-weight:		bold;
	}
	#header-language-selection
	{
		position:			absolute;
		right:				6px;
		top:				6px;
		width:				120px;
		height:				14px;
		padding:			5px 10px;
		text-align:			right;
	}
	#header-menu
	{
		position:			absolute;
		top:				219px;
		padding:			4px;
		color:				#FFF;
		font-size:			1.1em;
	}
		#header-menu li
		{
			display:			inline;
		}
			#header-menu li a
			{
				padding:			5px 10px;
				height:				12px;
				line-height:		12px;
				overflow:			hidden;
				color:				#eee;
				border-left:		#3d3d3d 1px solid;
				border-right:		#1c1c1c 1px solid;
				border-left:		#9E9E9E 1px solid;
				border-right:		#808080 1px solid;
				text-decoration:	none;
			}
			#header-menu li a:hover,
			#header-menu li a.selected
			{
				background-color:	#666;
			}
	
/*
 * Corp de la page
 */
#body
{
	position:			relative;
	width:				920px;
	margin:				0 auto;
	color:				#424242;
}
	.body-picture
	{
		margin-bottom: 		25px;
	}
	.body-documents
	{
		background:			#eef5fd url(../images/template/bubbles.jpg) top left no-repeat;
		background:			#848783 url(../images/template/bubbles.jpg) top left no-repeat;
		-moz-border-radius:10px;
		border:2px solid #444444;
		color:#333;
		padding:10px;
		margin-top: 		25px;
		margin-bottom: 		25px;
	}
		.body-documents .page-title
		{
			font-weight: bold;
		}
		.body-documents a
		{
			color:#fff;
			text-decoration:none;
		}
		.body-documents a:hover
		{
			color:#fff;
			text-decoration:underline;
		}

	#content
	{
		float:				right;
		width:				640px;
		padding: 			5px 22px;
		border-right:		#EEF5FD 1px solid;
	}

	#menu
	{
		float:				left;
		width:				220px;
		min-height:			510px;
		_height:			510px;
		margin:				0px;
		color:				#595D9A;
		color:				#f7b509;
	}
		#menu .menu2,
		#menu .menu a
		{
			display:			block;
			background:			transparent url(../images/template/menu-dot2.gif) 0 12px no-repeat;
			padding:			10px 20px 10px 40px;
			font-size:			12px;
			font-weight:		bold;
/*			color:				#075AA8; */
			color:				#000;
		}
			#menu .menu a:hover
			{
/*				background:			#075AA8 url(../images/template/menu-dot.gif) 0 12px no-repeat; */
				color:				#f7b509;
			}
		#menu .sub-menu
		{
			font-style:			italic;
			margin-bottom:		5px;
		}
		#menu .sub-menu li a
		{
			display:			block;
			padding:			5px 20px 5px 40px;
/*			color:				#b10000; */
			color:				#000;
		}
			#menu .sub-menu li a:hover
			{
/*				background-color:	#b10000;
				color:				#fff; */
				color:				#f7b509;
			}
			#menu .sub-menu li a.selected
			{
				background:			transparent url(../images/template/mnu-arrow.gif) center right no-repeat;
/*				color:				#fff; */
				color:				#f7b509;
				font-weight:		bold;
			}



/*
 * Pied de page
 */
#footer
{
	position:			relative;
	background:			#f7b408 url(../images/template/back_footer.gif) center top repeat-x;
	padding:			7px;
	color:				#ffffff;
	font-size:			10px;
}
	#footer a
	{
		color:				#e2001a;
	}
	#footer a:hover
	{
		color:				#eb7932;
	}
	#footer-legal
	{
		font-weight:		bold;
	}
	#footer-copyright
	{
		margin-top:			75px;
		text-align:			right;
		color:				#e2001a;
	}




		
/*
 * News, CGV ...
 */
.page-title
{
	margin:				5px 0 15px;
	padding-bottom:		5px;
	color:				#021326;
	text-align:			center;
	border-bottom:		#eef5fd 1px solid;
}

.welcome
{
	padding:			0;
	margin-bottom:		20px;
	text-align:			justify;
}
.news
{
	text-align:			justify;
	letter-spacing:		0.1ex;
}
	.news-title
	{
		padding:			20px 0 15px;
		color:				#032653;
		text-align:			center;
	}
	.news li {
		list-style:outside disc;
		margin:2px 20px;
	}




/*
 * Cadre produit accueil
 */
.product-teaser
{
	position:		relative;
	float:			left;
	margin:			0 5px 0 6px;
	width:			208px;
}
	.product-teaser .title
	{
		padding:		16px 7px 0;
	}
	.product-teaser img
	{
		width:			196px;
		margin-top:		8px;
		padding:		5px;
		background-color:#fff;
		border:			#ddd 1px solid;
		-moz-border-radius: 5px;
	}
	.product-teaser a:hover img
	{
		background-color:	#79615d;
	}
	.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:			right;
		width:			310px;
		padding:		10px;
	}
		#product .product-desc-body
		{
			margin:				10px 0px;
			text-align:			justify;
			padding-left:		15px;
		}
	#product #product-cart
	{
		margin:				20px 60px 0;
		text-align:			left;
	}
		#product #product-cart tr.titre td
		{
			height:				30px;
			border-top:#b9b5b4 1px solid;
		}
		#product #product-cart tr.cartline
		{
			height:				40px;
			margin-bottom:		10px;
		}
	
		#product #product-cart .price
		{
			color:				#7a625e;
			font-weight:		bold;
			text-align:			right;
			font-size:			1.2em;
		}
		#product #product-cart .to-cart-btn
		{
			width:				120px;
			text-align:			right;
		}
		#product #product-cart em
		{
			font-size:			0.9em;
		}
	#product #product-datas
	{
		float:			left;
		width:			280px;
		margin:			10px 0 0 10px;
		padding:		15px;
		background:			#eef5fd url(../images/template/bubbles.jpg) top left no-repeat;
		-moz-border-radius:10px;
		border:2px solid #0662A6;
	}
		#product #product-datas .main-pic
		{
			margin:			0px;
			width:			280px;
		}

	#product-first-pic
	{
		padding:		5px;
		border-bottom:	#0564a0 1px solid;
		margin-bottom:	15px;
		font-style:		italic;
	}
	#product-caroussel
	{
		position:		relative;
		top:			0px;
		left:			0px;
		height:			66px;
		width:			280px;
	}
		#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:			0px;
			height:			66px;
			width:			280px;
		}
		#caroussel-images
		{
			position:		absolute;
			left:			0px;
			height:			66px;
			z-index:		1;
		}
		#product-caroussel .caroussel-img
		{
			padding:		0 5px;
			margin:			0px;
			width:			88px;
			height:			66px;
		}

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





/*
 * Cadre, avec titre, onglets ou pas à pas
 */
	.framed-body 
	{
		position:		relative;
		background:		transparent url(../images/template/frame-bkgnd.png) left repeat-y; 
		width:			630px;
		margin:			10px auto;
	}
		.framed-body .framed-title
		{
			background:		transparent url(../images/template/frame-title.png) 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.png) top left no-repeat;
		}
			.framed-tabs a,
			.framed-tabs span
			{
				display:		block;
				width:			150px;
				height:			22px;
				padding-top:	8px;
				text-align:		center;
				font-weight:	bold;
			}
			.framed-tabs .on
			{
				background: url(../images/template/frame-tabs.png) 0 0 no-repeat;
				height:			24px;
				padding-top:	6px;
				font-size:		1.15em;
			}
			.framed-tabs .off
			{
				background: url(../images/template/frame-tabs.png) -150px 0 no-repeat;
			}
			.framed-tabs .disabled
			{
				background: url(../images/template/frame-tabs.png) -300px 0 no-repeat;
				color:			#c8c8c8;
			}
		.framed-body .framed-steps
		{
			height:			40px;
			background:		transparent url(../images/template/frame-steps.png) top left no-repeat; 
		}
			.framed-steps table
			{
				position:		relative;
				left:			15px;
			}
			.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.png) -25px 0 no-repeat;
			}
			.framed-steps .off
			{
				background: url(../images/template/frame-steps.png) -175px 0 no-repeat;
			}
			.framed-steps .disabled
			{
				background: url(../images/template/frame-steps.png) -325px 0 no-repeat;
				color:			#c8c8c8;
			}
		.framed-body .framed-middle
		{
			background:		transparent url(../images/template/frame-bkgnd-top.png) top left no-repeat; 
		}
		.framed-body .framed-content
		{
			position:		relative;
			left:			10px;
			top:			10px;
			bottom:			20px;
			width:			610px;
			color:			#626262;
		}
		.framed-body .framed-bottom
		{
			clear:			both;
			background:		transparent url(../images/template/frame-bottom.png) bottom left no-repeat; 
			width:			630px;
			height:			10px;
		}


/*
 * Cadre de message d'alerte
 */
	.warned-body
	{
		background:		transparent url(../images/template/warn-bkgnd.png) left repeat-y;
		width:			630px;
		margin:			10px auto;
	}
	.warned-top
	{
		background:		transparent url(../images/template/warn-bkgnd-top.png) top left no-repeat;
		width:			630px;
		color:			#740D00;
		text-align:		justify;
	}
	.warned-bottom
	{
		clear:			both;
		background:		transparent url(../images/template/warn-bkgnd-bottom.png) bottom left no-repeat;
		width:			630px;
		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;
	}




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




/*
 * Redéfinition de balises standard
 */
h1
{
	font-weight:		bold;
	font-size:			1.75em;
}
h2
{
	font-size:			1.5em;
}
h3
{
	font-size:			1.3em;
}
h4
{
	font-size:			1.2em;
}
h5
{
	font-size:			1.1em;
}
h6
{
	font-size:			1em;
}
a
{
	color:				#AF5C00;
}
a:hover
{
	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
		{
		margin: 5px 0;
		background: #fff url(../images/template/input-bkgnd.png) top repeat-x;
		border-style: solid;
		border-width: 1px;
		border-color: #898989 #acacac #c9c9c9;
		color: #404040;
		}
	.input-text-xxs {width:25px;text-align:center;}
	.input-text-xs {width:60px;text-align:center;}
	.input-text-s {width:250px;text-align:center;}
	.input-text-l {width:500px;text-align:justify;}

.input-button-submit,
.input-button-edit,
.input-button-cancel,
.input-button-disabled
{
	display:			inline-block;
	background: 		transparent url(../images/template/button-bkg.jpg) 0 0 repeat-x;
	padding:			4px 15px;
	border:				none;
	color:				#fff!important;
	font-weight:		bold;
/*	height:				18px;
	letter-spacing:		0.15ex;
	font-size:			0.8em;
	width:				126px; */
}
.input-button-submit:hover,
.input-button-edit:hover,
.input-button-cancel:hover
{
	text-decoration:	underline;
	color:				#fff;
}
	.input-button-submit
	{
		background-position: 0 0;
/*		border-left:		1px #028803 solid;
		border-right:		1px #035D05 solid; */
	}
	.input-button-edit
	{
		background-position: 0 -30px;
/*		border-left:		1px #FC8B00 solid;
		border-right:		1px #BE3E11 solid; */
	}
	.input-button-cancel
	{
		background-position: 0 -60px;
/*		border-left:		1px #660000 solid;
		border-right:		1px #330000 solid; */
	}
	.input-button-disabled
	{
		background-position: 0 -90px;
/*		border-left:		1px #CCC solid;
		border-right:		1px #999 solid; */
	}

.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;
}

/*
 * Ascensseur
 */
body 
{
	scrollbar-arrow-color:#F38806;
	scrollbar-track-color:#AEAEAE;
	scrollbar-shadow-color:#4D4D4B;
	scrollbar-face-color:#FFC55A;
	scrollbar-highlight-color:#BFBFBD;
	scrollbar-darkshadow-color:#000000;
	scrollbar-3dlight-color:#AEAEAE;
}



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

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



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

	body,
	#body
		{
		background:			none;
		background-color:	#fff;
		}
	
	#document,
	#header,
	#body
		{
		width:				678px;
		}
	#footer
		{
		width:				666px;
		padding:			6px 0;
		}

	#document
		{
		left:				0;
		top:				0;
		margin:				0;
		}
	#document,
	#content
		{
		overflow:			auto;
		height:				auto;
		}

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