@charset "utf-8";
/***CONTAINERS***/
body {
	font:  11px Arial, Verdana, Helvetica, sans-serif;
	background: #FFFFFF url(../images/KitBack.jpg) no-repeat top;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	
	color: #333333 ;
}
/***GLOBALS***/
a, img, h1, h2, h3, h4, h5, p {border:none; margin:0; padding:0 }
a {color:#333; text-decoration:none}
a:hover{text-decoration:underline; color:#C94F00}

 label{display:block; float:left; width:120px;}
input {width:380px}
textarea {width:500px}
input.button {width:80px}
fieldset{border:1px solid #555555}
p{padding:1px 0}
p.hidden{display:none}
.Hidden{display:none}
.oneColFixCtrHdr #container {
	width: 978px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding:0 0 0 5px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	 position:relative;
}
.oneColFixCtrHdr #header {
	
	height:150px;
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

/***HEADER***/
#preloadHiddenImages {display:none}
#espaceSelector {
	width:615px; height:80px; float:left;
	padding:0 0 0 35px; margin:0
	}
#espaceSelector li {  width:263px; height:80px;float:left;list-style:none; padding:0; margin:0}
#espaceSelector a {margin:0 2px 0 0 }
#espaceSelector a.indentTopTab {padding:0 0 0 35px; font-size:12px; font-weight:bold; color:#FFF}
#espaceSelector a:hover.indentTopTab {padding:0 0 0 35px; font-size:12px; font-weight:bold; color:#000; text-decoration:underline}
#zoneLogo {width: 970px;   height:80px; float:none; padding:18px 0 18px 0  }

/****TOP NAV ***/
#topnav {  
	height:28px; 
	width:auto; padding:0 0 0 26px
}
#breadcrumb {padding:0; margin:0; color:#666}

#breadcrumb li {float: left; margin:5px 0 0 5px; font-size:10.5px; list-style:none;  background:  url(../images/BulBreadCrumb.gif) no-repeat left; padding: 0 0 0 10px}
	.navselected {color:#C94F00}
	.rolloverItem{cursor:pointer}
	
/***FOOTER***/
.oneColFixCtrHdr #footer {
	padding: 10px 10px;
	background:url(../images/footerBack.gif) no-repeat 29px 10px 
	/* this padding matches the left alignment of the elements in the divs that appear above it. */
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 7px 0 0 29px;
	font-size:11px;
	color:#C94F00/* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.oneColFixCtrHdr #footer p  a{color:#333; padding:0 4px}
.oneColFixCtrHdr #footer p  a:hover{text-decoration:underline; color:#C94F00}
.oneColFixCtrHdr #footer p.subfooter{color:#333; text-align:right; padding:10px 10px 0 0}
	
	/***BANNERS***/
			
	#bannersBlock {padding:9px 0 0 3px; width:950px;}
	#bannersBlock a { margin:0  8px }			
			
			
/***HOME***/
#IntroTopContent{padding:0 0 0 7px;}
#introMainImage {
	position:absolute;
	left: -1px;
	top: 181px;
}

#CarrousselBottomContent{padding:0 0 0 24px;}
#productsHighligth1 {background:url(../images/ProductHighligthBack1.gif) no-repeat; width:627px; height:132px; padding:0 0 0 24px}
#productsHighligth2 {background:url(../images/ProductHighligthBack1.gif) no-repeat; width:590px; height:132px; padding:0 0 0 24px}
	#productsHighligthlist {width:414px; float:left; padding:5px 0 0 0}
	#productsHighligthlist h3{margin:0 0 10px 0}
	#productsHighligthlist.longer {width:584px; float:left; padding:5px 0 0 0} !important
		#TopProductsCarroussel{ margin:5px 0 0 0;}
			#TopProductsCarrousselLeft{width:20px; float:left; margin:0 0 0 8px; padding:20px 0 0 0}
				#TopProductsCarrousselLeftArrow{cursor:pointer}
			#TopProductsCarrousselCenter{width:350px; height:70px; margin:0 5px;  float:left;  overflow:hidden;}
			#TopProductsCarrousselCenter.longer{width:520px; height:70px; margin:0 5px; padding:0;  float:left;  overflow:hidden;}
				 #ProductCarrousselUl{margin:0; padding:0; width:1800px; height:70px;  }
				#ProductCarrousselUl li{ list-style:none; margin:0 3px 0 0; padding:3px; float:left; background:url(../images/ProductCarrousselBackGrey.gif) no-repeat;width:63px; height:63px; cursor:pointer }
				#ProductCarrousselUl li.LiBackHighlight{ list-style:none; margin:0 3px 0 0; padding:3px; float:left; background:url(../images/ProductCarrousselBackColor.gif) no-repeat;width:63px; height:63px }
			#TopProductsCarrousselRight{width:20px; float:left; padding:20px 0 0 0}
				#TopProductsCarrousselRightArrow{cursor:pointer}
			#TopProductsCarrousselTabs {color: #FFF; font-weight:bold; padding:0 0 0 10px}
			#TopProductsCarrousselTabs img {vertical-align:top}
	#productsHighligthdetail {width:170px; float:left; padding:5px 0 0 0; height:115px;}
	#productsHighligthdetailTop {height:77px; vertical-align:top; margin:5px 0 0 10px}
		.detailCollection {color:#C94F00; font-style:italic;}
		.productName{ color:#121212; font-size:12px; font-weight:bold; text-decoration:underline}
		.productPrice{ color:#C94F00;  font-weight:bold;text-align:right; margin:0 0 3px 0 }
		.rightlinks {text-align:right; padding:0; margin:0; vertical-align:bottom}
	#homeHighlightsBlocks{ margin:0 0 0 0; padding:0 0 0 8px; width:978px}
		.BlockTextHighlights{
			width:301px; height:168px; background:url(../images/BlockMediumBack.gif) no-repeat;
			float:left; margin:0 16px 0 0; 
		} .BlockTextHighlightsOpener{
			width:301px;
			float:left; margin:0 16px 0 0; 
		} 
		.BlockTextHighlights h3{padding:5px 0 0 24px }
		.BlockTextHighlights ul{height:110px; margin:3px 0 0 0; padding:0 0 0 35px}
		.BlockTextHighlights li{ padding:2px 0; list-style:none; margin:0; font-size:10px; color:#C94F00; }
		/*.BlockTextHighlights a{ text-decoration:underline }*/
		.BlockTextHighlights p{padding:1px 12px 0 24px }
		.BlockLogin{
		width:301px; height:168px; background:url(../images/BlockMediumLoginBack.gif) no-repeat; float:left}
		.BlockLogin h3{padding:5px 0 0 24px }
		.BlockLogin ul{margin:0; height:115px;}
		.BlockLogin p{padding:1px 12px 0 24px }
			.articlesCateg{color:#666}
			
			
	#basketZone{padding:5px 0 0 10px; color:#C94F00; }
	#basketZone a{ color:#C94F00; background:url(../images/bulletyellowongrey.gif) no-repeat left -1px; display:block;  width:105px; height:20px; padding:0 0 0 14px; float:left; font-size:12px }
	#basketZone a.total{ color:#FFF; background:url(../images/bulletyellowongrey.gif) no-repeat left -1px; display:block;  width:115px; height:20px; padding:0 0 0 14px;}
	#loginzone {padding:1px 0 0 10px;}
	#loginzone a{ color:#999}
	.BlockLogin label{color:#FFF; width:80px; display:block; float:left; margin:1px 0}
	.BlockLogin input{color:#000; background:#BBB; font-size:11px; width:170px; height:15px; margin:1px 0; border:1px #222 solid}
	.BlockLogin input.submit{  width:50px; height:15px; background:url(../images/submitButtonEntrer.gif) no-repeat; border:none; margin:0 0 0 100px ; cursor:pointer}
	
	/***ARTICLES***/
#PageContainer{ padding:13px 0 0 0; position:relative }	
	#level2navcol{  float:left; margin:0 50px 0 0}
        #level2navblock{}
			#level2navContent{background:url(../images/leftNavBackMiddle_02.gif) repeat-y; padding:5px 4px}
			#level2navContent h3 {margin:0; padding:0}
			#level2navContent ul {margin:0; padding:0 0 0 25px}
			#level2navContent ul li {margin:0; padding:0; list-style-image:url(../images/titlesKittwoarrows_15.gif); font-size:12px}
			#level2navContent ul.ListLev3 {margin:3px 0 5px 0; padding:0 0 0 30px;}
			#level2navContent ul.ListLev3 li{margin: 0; padding:0 ; list-style-image:url(../images/titleNavArrowsGrey_20.gif);  padding:0; width:220px}
			#level2navContent ul.ListLev3 li a{color:#C94F00; font-size:12px}
        #espaceinNav{ margin:15px 0 10px 0; color:#FFF }
			#espaceBlock{ background:url(../images/ArticlesBacksgrey_02.gif) no-repeat; width:258px; height:167px; padding:3px 5px}
			
			#espaceBlock label{color:#FFF; width:80px; display:block; float:left; margin:1px 0}
			#espaceBlock input{color:#000; background:#BBB; font-size:11px; width:160px; height:15px; margin:1px 0; border:1px #222 solid}
			#espaceBlock input.submit{  width:50px; height:15px; background:url(../images/submitButtonEntrer.gif) no-repeat; border:none; margin:0 0 0 90px ; cursor:pointer}
        .highlightsInNav{}
         .highlightsInNavContent{ background:url(../images/ArticlesBacksYellow_02.gif) no-repeat; width:260px; height:167px; padding:6px 3px}
		 
		.highlightsInNavContent h3{padding:5px 0 0 2px }
		.highlightsInNavContent ul{height:110px; margin:3px 0 0 0; padding:0 0 0 4px}
		.highlightsInNavContent li{ padding:2px 0; list-style:none; margin:0; font-size:10px; color:#C94F00; }
		.highlightsInNavContent p{padding:1px 12px 0 11px }
	#ArticleZone{float:left;}
		#articleSectionTitle{ padding:0 0 15px 0}
		#articleSectionIntro{ background:url(../images/articleTopIntro.gif) no-repeat; width:593px; height:103px; padding:3px 0 0 24px}
		#articleSectionIntro p{ padding:1px 0 0 10px; font-size:12px; font-weight:bold; color:#333; width:470px}
		#articleContentZone{ margin:0 0 10px 0}
			#articleContentZoneContent{background:url(../images/articleCenterBack.gif) no-repeat; padding:5px 12px; width:596px}
				#articleContentZoneContent h4{background:url(../images/titleNavArrowsGrey_20.gif) no-repeat; font-size:16px;color:#C94F00; padding:5px 20px 10px 15px }
#articleContentZoneContent ul li  { margin: 0; padding:0 ; list-style-image:url(../images/titleNavArrowsGrey_20.gif); }
			                           
#articleContentZoneContent ul li a { font-size:14px; color: #C94F00 }
#articleContentZoneContent ul li a:hover { font-size:14px; color: #222222; text-decoration:underlined }
				 .articlePhoto { height:280px; width:auto; float:left; margin:0 10px 10px 0; position:relative }
				 	.articlePhotoImage{border:4px #999999 solid; margin:5px 0; width:auto}
				 	
				.articleText{ padding:0 10px;font-size:12px; line-height:17px; }
				.articleText h5{ font-style:italic;color:#C94F00; font-size:12px; margin:0; padding:0}
				.articleText h6{font-style:italic; color:#333; font-size:12px; margin:2px 0 10px 0;  padding:0}
		#articleCarrousselOthers{}
			.articleCarroussel{ padding:0 5px 0 15px; margin:0;} 
		
		p.intro { font-size:12px; color:#333; font-weight:bold; padding:3px 3px 8px 3px}
		/***FOR LIghtBox ZOom ***/
		 .thumbnail {
            	padding: 4px;
            	background-color: #e6e6e0;
            	border: 1px solid #d6d6d0;
            	float: left;
            	margin-right: 10px;
            	margin-bottom: 10px;
        	}

	#apDiv1 {
		position:absolute;
		left:834px;
		top:16px;
		width:129px;
		height:119px;
		z-index:1;
	}
	#apDiv2 {
		position:absolute;
		width:21;
		height:21;
		z-index:1;
		left: 10px;
		top: 10px;
	}	


////PRODUCTS

.collecBack{ float:left; display:block; width:275px; height:135px; background:url(../images/collecBack1.gif) no-repeat; padding:10px 20px 10px 25px}

		
.photosCadre{ border:6px solid #666666
}