@charset "utf-8";
/* CSS Document */

/***************************************************************************************/
/* Layout                                                                              */
/***************************************************************************************/

html { font-size: 100%; width: 100%; height: 100%; }
body { padding: 0px; margin: 0px; text-align: center; background:url(/Design/Backgrounds/metal.jpg) repeat top center; }
body, td { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; }

form { padding: 0px; margin: 0px; }
img { vertical-align: middle; }

#SiteContainer { background:url(/Design/Backgrounds/metalTop.jpg) repeat-x top center; }
#Site { width: 890px; margin: 0 auto; text-align: left; }

	#Header { position:relative; height:117px; }
		#HeaderLogo { position:absolute; top:12px; left:1px; width:327px; height:60px; }
		#HeaderSearchField { position:absolute; top:25px; left:360px; width:290px; height:34px; background:url(/Design/Layout/SearchField.jpg) top left no-repeat;}
		#HeaderCart { position:absolute; top:30px; right:4px; width:186px; height:46px; font-size:14px; color:#FFF; }
			#HeaderCart a:link, #HeaderCart a:visited { color:#FFF; font-size:14px; }
			#HeaderCart a:hover, #HeaderCart a:active { color:#FFF; font-size:14px; text-decoration:none; }
		#HeaderMenu { position:absolute; bottom:3px; left:0px; width:870px; height:31px; padding-left:20px; background:url(/Design/Backgrounds/BackgroundMenu.png) no-repeat; }
			#HeaderMenu td { padding-right:30px; font-size:16px; }
			#HeaderMenu a:link, #HeaderMenu a:visited { display:block; color:#FFFFFF; line-height:31px; padding-left:10px; font-weight:bold; background:url(/Design/Layout/HeaderMenuPuce.png) no-repeat left; text-decoration:none; }
			#HeaderMenu a:hover, #HeaderMenu a:active { display:block; color:#fff494; line-height:31px; padding-left:10px; font-weight:bold; background:url(/Design/Layout/HeaderMenuPuceOver.png) no-repeat left; text-decoration:none; }
		
	#Content { background-color:#FFFFFF; }
		#CategoriesMenu { background-color:#2a313a; }
			#CategoriesMenu1Links { padding:0px 15px 15px 15px;}
			#CategoriesMenu1Links > div { border-bottom:Dashed 1px #696e2c; padding:3px; }
			#CategoriesMenu1LinksNoBorder {padding:3px; }
			#CategoriesMenu1Links > div > a:link, #CategoriesMenu1Links > div > a:visited { display:block; padding:0px 0px 0px 15px; color:#FFFFFF; background:url(/Design/Layout/ContentMenuPuce.png) no-repeat left top; text-decoration:none; }
			#CategoriesMenu1Links > div > a:hover, #CategoriesMenu1Links > div > a:active { display:block; padding:0px 0px 0px 15px; color:#fcd500; background:url(/Design/Layout/ContentMenuPuceOver.png) no-repeat left top; text-decoration:none; }
			
			.CategoriesMenu2Links { padding:0px 0px 10px 0px; }
			.CategoriesMenu2Link { cursor:pointer; color:#FFF; text-decoration:underline; padding-left:10px; }
			.CategoriesMenu2LinkOver { cursor:pointer; color:#fcd500; text-decoration:none; padding-left:10px; }
			.CategoriesMenu2Links > div { padding:1px 0px 1px 0px; }
			.CategoriesMenu2Links > div > a:link, .CategoriesMenu2Links > div > a:visited { display:block; padding:0px 0px 0px 10px; color:#FFFFFF; text-decoration:underline; }
			.CategoriesMenu2Links > div > a:hover, .CategoriesMenu2Links > div > a:active { display:block; padding:0px 0px 0px 10px; color:#fcd500; text-decoration:none; }
			
			.CategoriesMenu3Links { padding:0px; background-color:#404954; margin:0px 10px 0px 10px; }
			.CategoriesMenu3Links > div { padding:1px 0px 1px 0px; }
			.CategoriesMenu3Links > div > a:link, .CategoriesMenu3Links > div > a:visited { display:block; padding:0px 0px 0px 20px; color:#FFFFFF; text-decoration:underline; }
			.CategoriesMenu3Links > div > a:hover, .CategoriesMenu3Links > div > a:active { display:block; padding:0px 0px 0px 20px; color:#fcd500; text-decoration:none; }
			
			#CategoriesAriane { margin:10px 0px 15px 0px; }
			#CategoriesAriane a:link, #CategoriesAriane a:visited { color:#757a80; }
			#CategoriesAriane a:hover, #CategoriesAriane a:active { color:#757a80; }

		#TopContent {}
		#BottomContent { padding:20px 20px 27px 0px; }
			#BottomContent h2 { font-size:15px; font-weight:bold; color:#2A313A; }
			.BottomContentTD { vertical-align:top; padding-left:15px; }
			.BottomContentText { padding-top:10px; }
				.BottomContentLeft { width:450px; vertical-align:top; }
				.BottomContentLeftBorder { width:450px; vertical-align:top; border-bottom:1px solid #CDCDCD; border-top:1px solid #CDCDCD; border-right:1px solid #CDCDCD; padding-right:10px; }
				.BottomContentFullBorder { width:100%; vertical-align:top; border-bottom:1px solid #CDCDCD; border-top:1px solid #CDCDCD; border-right:1px solid #CDCDCD; padding-right:10px; }
				.BottomContentRight { padding-left:20px; vertical-align:top; }
				.BottomContentCadreImages { padding:7px; border:solid 1px #CDCDCD; }
			
		#LeftContent {}
		#RightContent { padding:15px 30px 40px 22px; }
			.RightContentTD { width:682px; vertical-align:top; }
			.RightContentTD h1 { font-size:15px; font-weight:bold; color:#ffe86d; background-color:#2a313a; padding:7px; }
			.RightContentTD h1  > span { font-size:13px; color:#ffe86d; font-style:italic; }
		
		.Title { font-size:18px; color:#f1cc00; font-weight:bold; font-style:italic; letter-spacing:-1px; }
		.Title strong { color:#000; }
		.TitleAccueil { font-size:18px; color:#f1cc00; font-weight:bold; font-style:italic; letter-spacing:-1px; margin-bottom:15px; }
		.TitleAccueil strong { color:#000; }
		
		#LeftCenterLinkBox { border-bottom:2px solid #F1CC00; width:200px; padding:0px 0px 15px 0px; font-size:15px; line-height:18px; }
			#LeftCenterLinkBox a:link, #LeftCenterLinkBox a:visited { display:block; padding:0px 0px 0px 10px; color:#2A313A; background:url(/Design/Layout/LeftCenterLinkPuce.png) no-repeat left top; text-decoration:none; }
			#LeftCenterLinkBox a:hover, #LeftCenterLinkBox a:active { display:block; padding:0px 0px 0px 10px; color:#F1CC00; background:url(/Design/Layout/LeftCenterLinkPuceOver.png) no-repeat left top; text-decoration:none; }
		#LeftCenterAdZone { border-bottom:2px solid #F1CC00; width:200px; padding:5px 0px 5px 0px; font-size:18px; }
		#LeftCenterAdBox { border-bottom:2px solid #F1CC00; width:200px; padding:5px 0px 5px 0px; font-size:18px; line-height:21px; }
			#LeftCenterAdBox a:link, #LeftCenterAdBox a:visited { display:block; padding:0px 0px 0px 0px; color:#2A313A; text-decoration:none; }
			#LeftCenterAdBox a:hover, #LeftCenterAdBox a:active { display:block; padding:0px 0px 0px 0px; color:#F1CC00; text-decoration:none; text-decoration:none; }
		#ProductsAdZone { width:208px; padding:5px 0px 5px 0px; border-bottom:2px solid #F1CC00; border-top:2px solid #F1CC00; margin:5px 0px 0px 0px; }
			
		.ContactContent { width:100%; }
		.ContactContentBox { border-bottom:1px solid #CDCDCD; width:100%; padding:0px 0px 15px 0px; font-size:14px; }
		.ContactContentTable { width:100%; border:0px none; }
			.ContactContentTdLeft { width:325px; padding-right:20px; vertical-align:top; }
			.ContactContentTdLeftBorder { width:325px; padding:0px 10px 10px 0px; vertical-align:top; border-bottom:1px solid #CDCDCD; border-top:1px solid #CDCDCD; border-right:1px solid #CDCDCD; }
			.ContactContentTdRight { vertical-align:top; padding-left:20px; }
		
	
	#Footer { padding:0px 0px 35px 0px; background:url(/Design/Backgrounds/BackgroundFooter.png) no-repeat bottom #FFFFFF; }
		#FooterMenu { margin:5px 0px 0px 0px; padding:0px 0px 10px 0px; font-size:11px; text-align:right; }
		#FooterMenu a:link, #FooterMenu a:visited { color:#fcd500; text-decoration:underline; }
		#FooterMenu a:hover, #FooterMenu a:active { color:#faf2c8; text-decoration:none; }
		
	#FooterCopy { width:100%; }
		#FooterCopy table { width:100%; }
		#FooterCopy td { color:#2A313A; font-size:12px; }
		#FooterCopy img { border:0px none; }