/* =Normalise les tags html
 * --------------------------------------------------------------------------------------------------------*/
* {
	margin  : 0;
	padding : 0;
	outline : none;
}
h1,h2,h3,h4,h5,h6 {
	font-size : 100%;
}
ol, ul {
	list-style : none;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style  : normal;
	font-weight : normal;
}
table {
	border-collapse : collapse;
	border-spacing  : 0;
}
fieldset, img {
	border : 0;
}
caption, th {
	text-align : left;
}
q:before, q:after {
	content : '';
}
/* =Layout de la page
 * --------------------------------------------------------------------------------------------------------*/
body {
	
	font-size   : 12px; 
	font-family : "Trebuchet MS", Verdana, arial;
}
#warpper {
	position : relative;
	width    : 1125px;
	margin   : 0 auto;
}
#container {
	position : absolute;
	width    : 965px;
	top      : 0;
	left     : 10px;
	/*background : transparent url(../img/dvlp/grid.png);*/
}
#skyscrapper {
	position : absolute;
	width    : 160px;
	height   : 600px;
	top      : 207px;
	right    : -10px;
}
 #container #header {
 	width  : 100%;
 }
	 #container #header #headerTop {
	 	position : relative;
		width    : 100%;
		height   : 100px;
	 }
		 #container #header #headerTop .leaderBord {
		 	float      : right;
			margin     : 5px 0 0 0;
			width      : 730px;
			height     : 90px;
		 }
		 * + html #container #header #headerTop .leaderBord {
		 	margin     : 5px 0 0 0;
		 }
		 #container #header #headerTop #leftHeaderTop{
		 	float      : left;
			width      : 223px;
		 }
			#container #header #headerTop #leftHeaderTop > a h1 {
			 	float      : left;
				width      : 223px;
				height     : 95px;
				margin     : 5px 0 0 0;
				background : #a5d835; 
				cursor     : pointer;
			 }
			 	#container #header #headerTop #leftHeaderTop > a h1 > span {
					margin : 0 0 0 -9999px;
			 	}
		#container #header #headerTop > img{
		 	position : relative;
			left     : 51px;
			top      : 108px; 
		 }
		 * + html #container #header #headerTop > img {
		 	top      : 105px;
		 }
		#container #header #boxCat {
			height   : 108px;
			position : relative;
			top      : 0;
			margin   : 0 auto;
			width    : 943px;
		}
		#container #header #menuCat {
			position   : absolute;
			top        : 0;
			width      : 100%;
			height     : 108px;
			background : #9ed22b;
		}
	 #container #header #headerBot {
	 	position   : relative;
		width      : 100%;
		height     : 83px;
		background : url(../img/pages/mainDesign/bg_botHeader2.jpg) no-repeat;
	 }
	 	 
		#container #header #headerBot .search_engine {
			position : absolute;
			top      : 10px;
			left     : 10px;
			width    : 100%; 
		}
			#container #header #headerBot .search_engine span,
			#container #header #headerBot .search_engine input,
			#container #header #headerBot .search_engine select {
				float : left;
				margin : 0 0 0 10px;
			}
			#container #header #headerBot .search_engine span {
				color          : #fff;
				font-weight    : bold;
				font-size      : 18px;
				padding        : 6px 0 0 0;
			}
			#container #header #headerBot .search_engine input.text_field {
				width      : 190px;
				height     : 24px;
				background : #fff;
				padding    : 6px 0 0 2px;  
				font-size  : 18px;
				border     : 2px inset #e1e1df;
			}
			#container #header #headerBot .search_engine select.slct_cat {
				margin : 7px 0 0 10px;
				height : 20px;
			}
			#container #header #headerBot .search_engine input.search_btn {
				margin          : 2px 0 0 10px; 
				background      : transparent url(../img/pages/button/btn_search.png) no-repeat;
				border          : none;
				color           : #676767;
				cursor          : pointer;
				display         : block;
				font-size       : 18px;
				font-weight     : 700;
				height          : 32px;
				line-height     : 25px;
				text-align      : center;
				text-decoration : none;
				width           : 125px;
			}
			
			#container #header #headerBot ul.main_menu {
		 	 	position       : absolute;
				bottom         : 5px;
				left           : 237px;
		 	 }
			 	#container #header #headerBot ul.main_menu a:link,
				#container #header #headerBot ul.main_menu a:hover,
				#container #header #headerBot ul.main_menu a:visited,
				#container #header #headerBot ul.main_menu a:active {
			 		color           : #fff;
					font-size       : 15px;
					font-weight     : bold;
					text-transform  : uppercase;
					text-decoration : none;
			 	}
			 	 #container #header #headerBot ul.main_menu li {
			 	 	display : inline;
					margin  : 0 10px 0 0; 
			 	 }
			#container #header #headerBot ul.sub_menu {
				position       : absolute;
				bottom         : 5px;
				right          : 5px;
			}
				#container #header #headerBot ul.sub_menu li {
					display : inline;
					margin  : 0 10px 0 0; 
				}
					#container #header #headerBot ul.sub_menu li a:link,
					#container #header #headerBot ul.sub_menu li a:hover,
					#container #header #headerBot ul.sub_menu li a:visited,
					#container #header #headerBot ul.sub_menu li a:active {
						font-size   : 10pt;
						font-weight : bold;
						color       : #fff;
						height      : 37px;
				 	}
	
#container #content {
	/*position : relative;*/
	width    : 100%;
	overflow : hidden;
	margin   : 10px 0 0 0;
}
	#container a.linkGrey:link, #container a.linkGrey:hover, #container a.linkGrey:active, #container a.linkGrey:visited  {
		float           : right;
		font-size       : 12px;
		color           : #676767;
		text-decoration : underline;
		margin          : 0 5px 0 0; 
	}
	#container a.linkGrey2:link, #container a.linkGrey2:hover, #container a.linkGrey2:active, #container a.linkGrey2:visited  {
		font-size       : 12px;
		color           : #676767;
		text-decoration : underline;
		margin          : 0 5px 0 0; 
	}
	#container #content .main_content {
		float  : left;
		width  : 635px;
		margin : 5px 0 0 0;
	}
		#container #content .main_content #frm_contact,#container #content .main_content #frm_news {
			border-spacing  : 0 10px;
			border-collapse : separate;
		}
		#container #content .main_content h1 {
			color : #676767;
		}
		#container #content .main_content h1.title {
			font-size : 18px;
			margin    : 0 0 5px 0; 
		}
		#container #content .main_content .disp_text {
			color : #4e4e4e;
			text-align : justify;
		}
			#container #content .main_content .disp_text p {
				padding : 0 0 10px 5px;
			}
			#container #content .main_content .disp_text h4 { 
				background : #9fd22f;
				color      : #fff;
				padding    : 3px 5px;
			}
			
			#container #content .main_content .disp_text h4.news { 
				font-size  : 13px;
				background : #9fd22f;
				color      : #000;
				padding    : 3px 5px;
				margin     : 10px 0;
			}
		#container #content .main_content ul {
			/*width     : 605px;*/
			font-size : 12px;
		}
			#container #content .main_content ul li h2 {
				font-size   : 14px;
				font-weight : bold; 
			}
			/*#container #content .main_content ul li {
				float  : left;
				margin : 0 0 0 5px;	
			}*/
		#container #content .main_cat {
			width  : 965px; 
		}
		
			#container #content .main_cat .topCat_main {
				float      : left;
				width      : 965px;
				height     : 9px;
				background : url(../img/pages/bloc/box_greyTop.jpg) no-repeat;
			}
			#container #content .main_cat .contentCat_main {
				position     : relative;
				float        : left;
				width        : 963px;
				border-left  : 1px solid #d8d8d8;
				border-right : 1px solid #d8d8d8;
				overflow     : hidden;
			}
				#container #content .main_cat .contentCat_main h2 {
					padding : 0 0 0 5px;
				}
				#container #content .main_cat .contentCat_main ul {
					margin : 5px 0 0 0;
				}
				/*#container #content .main_cat .contentCat_main ul.col {
					float        : left;
					width        : 130px;
					margin       : 0 0 0 10px;	
				}*/
					#container #content .main_cat .contentCat_main ul.col li {
						float        : left;
						border-right : 1px solid #ccc;
						padding      : 0 10px 0 0;
						margin       : 0 0 5px 10px;			
					}
				#container ul.col_sub {
					float        : left;
					width        : 150px;
					margin       : 0 0 0 10px;	
				}
					#container ul.col_sub li {
						border-right : 1px solid #fff;	
					}
			#container #content .main_cat .botCat_main {
				float      : left;
				width      : 965px;
				height     : 9px;
				background : url(../img/pages/bloc/box_greyBot.jpg) no-repeat;
			}
		
		
		
		#container #content .disp_product {
			width  : 635px;
			margin : 5px 0 0 0;
		}
		#container #content ul.list_prod {
			width : 635px;
		}
		#container #content ul.list_prod li.list {
			width  : 630px;
			margin : 0 0 10px 0;
		}
			#container #content ul.list_prod li.list .img_list_prod {
				float  : left;
				width  : 90px;
				height : 90px; 
				border : 0px solid #676767; 
				margin : 0 5px 0 0;
			}
			#container #content ul.list_prod li.list .title_list_prod {
					width       : 560px;
					font-size   : 15px;
					padding     : 0 2px;
					margin      : 5px 0 5px 0;
					color       : #678e0b;
					font-weight : bold;
				}
				* + html #container #content ul.list_prod li.list .desc_list_prod {
					margin    : 0 0 5px 0;
				}
			#container #content ul.list_prod li.list .desc_list_prod {
					width      : 580px;
					font-size  : 12px;
					padding    : 0 2px;
					margin     : 5px 0 5px 0;
					color      : #4e4e4e;
					text-align : justify;
				}
			#container #content ul.list_prod li.list .price_list_prod {
					width       : 100%;
					font-size   : 12px;
					font-weight : bold;
					color       : #ff6600;
				}
		#container #content ul.list_prod li {
			float  : left;
			margin : 0 0 10px 22px;
		}
		#container #content ul.list_prod li.first_prod {
			float  : left;
			margin : 0 0 10px 0;
		}
		#container #content .boxProduct {
			width  : 109px;
			height : 177px;
		}
			#container #content .boxProduct .top_prod {
				width      : 100%;
				height     : 5px;
				background : url(../img/pages/bloc/box_topProduct.jpg) no-repeat; 
			}
			#container #content .boxProduct .content_prod {
				width      : 100%;
				height     : 167px;
				background : url(../img/pages/bloc/box_contentProduct.jpg) repeat-y; 
			}
				#container #content .boxProduct .content_prod .desc_prod {
					width     : 105px;
					font-size : 12px;
					height    : 35px;
					padding   : 0 2px;
					margin    : 5px 0 5px 0;
					color     : #4e4e4e;
					overflow  : hidden;
				}
				* + html #container #content .boxProduct .content_prod .desc_prod {
					margin    : 0 0 5px 0;
				}
				#container #content .boxProduct .content_prod .price_prod {
					width      : 100%;
					font-size  : 12px;
					color      : #fff;
					background : #ff6600;
				}
			#container #content .boxProduct .bot_prod {
				width      : 100%;
				height     : 5px;
				background : url(../img/pages/bloc/box_botProduct.jpg) no-repeat; 
			}
	
	#container #content .sub_content {
		float  : right;
		width  : 325px;
		margin : 10px 0 0 0;
	}
		.box {
			width  : 320px;
			margin : 0 0 10px 5px;
		}
		.box .top_box {
			width      : 320px;
			height     : 7px;
			background : url(../img/pages/bloc/box_topStraProd.jpg) no-repeat; 
		}
		.box .content_box {
			width      : 320px;
			background : url(../img/pages/bloc/box_contentStraProd.jpg) repeat-y; 
			overflow   : hidden;
		}
			.box .content_box h2 {
				color          : #676767;
				font-weight    : bold;
				font-size      : 15px;
				text-transform : uppercase;
				margin         : 0 0 0 13px; 
			}
			.box .content_box h3 {
				color          : #676767;
				font-weight    : bold;
				font-size      : 13px;
				margin         : 5px 0 5px 13px; 
			}
			.box .content_box .onglet {
				/*position : relative;*/
				width    : 320px;
				height   : 27px;
				margin   : 0 0 0 10px; 
			}
				.box .content_box .onglet li {
					float   : left;
					margin  : 0 0 0 3px;;
				}
					.box .content_box .onglet li a {
						float      : left;
						display    : block;
						height     : 27px;
						padding    : 0 0 0 4px;
						background : url(../img/menu/bg_leftBoxStar.jpg) no-repeat left;
					}
						.box .content_box .onglet li a span {
							float          : left;
							color          : #4e4e4e;
							/*text-transform : uppercase;*/
							font-weight    : bold;
							font-size      : 12px;
							height         : 22px;
							padding        : 5px 5px 0 0;
							background     : url(../img/menu/bg_rightBoxStar.jpg) no-repeat right;
							cursor         : pointer;
						}
					.box .content_box .onglet li a:hover {
						float      : left;
						display    : block;
						height     : 27px;
						padding    : 0 0 0 4px;
						background : url(../img/menu/bg_leftBoxStar_hover.jpg) no-repeat left;
					}
						.box .content_box .onglet li a:hover span {
							float          : left;
							color          : #fff;
							/*text-transform : uppercase;*/
							font-weight    : bold;
							font-size      : 12px;
							height         : 22px;
							padding        : 5px 5px 0 0;
							background     : url(../img/menu/bg_rightBoxStar_hover.jpg) no-repeat right;
							cursor         : pointer;
						}
					.box .content_box .onglet li.active a {
						float      : left;
						display    : block;
						height     : 27px;
						padding    : 0 0 0 4px;
						background : url(../img/menu/bg_leftBoxStar_hover.jpg) no-repeat left;
					}
						.box .content_box .onglet li.active a span {
							float          : left;
							color          : #fff;
							/*text-transform : uppercase;*/
							font-weight    : bold;
							font-size      : 12px;
							height         : 22px;
							padding        : 5px 5px 0 0;
							background     : url(../img/menu/bg_rightBoxStar_hover.jpg) no-repeat right;
							cursor         : pointer;
						}
						
			.separGreen {
				/*position   : relative;*/
				width      : 100%;
				height     : 7px;
				background : #678e0b; 
			}
			.separator {
				background : url(../img/pages/mainDesign/sepratator_H_3-3.gif) repeat-x center;
				float      : left;
				font-size  : 1px;
				height     : 6px;
				margin     : 0 0 5px 5px;
				width      : 100%;
			}
			.box .content_box ul.listProduct {
				margin : 0 0 0 0;
			}
				.box .content_box ul.listProduct li {
					width   : 310px;
					clear   : both;
				}
					
					.box .content_box ul.listProduct li .img_list_popular {
						width  : 90px;
						height : 90px;
					}
					.box .content_box ul.listProduct li .img_list_popular, .box .content_box ul.listProduct li div.contentListProduct {
						float  : left;
						margin : 0 0 0 5px;
					}
					.box .content_box ul.listProduct li div.contentListProduct {
						width   : 210px;
					}
						.box .content_box ul.listProduct li div.contentListProduct h4 {
							font-size   : 12px;
							font-weight : bold;
							color       : #00bf2f;
						}
						.box .content_box ul.listProduct li div.contentListProduct span {
							font-size   : 12px;
							font-weight : bold;
							color       : #4e4e4e;
						}
				
		.box .bot_box {
			width      : 320px;
			height     : 7px;
			background : url(../img/pages/bloc/box_botStraProd.jpg) no-repeat; 
		}
	
	#container #footer {
		width  : 100%;
		margin : 5px 0;		
	}
		#container #footer ul {
			width  : 480px;
			margin : 0 auto;		
		}
			#container #footer ul li {
				display : inline;
				margin  : 0 0 0 5px;
			}
		#container #footer .leaderBord {
			margin     : 5px auto;
			width      : 729px;
			height     : 90px;
		 }
/* =Page Categories
 * --------------------------------------------------------------------------------------------------------*/
#container #content ul.cat_catMain {
	float  : left;
	margin : 0 10px 10px 0;
	width  : 605px;
}
	#container #content ul.cat_catMain li.titleCat {
		font-size   : 14px;
		font-weight : bold;
	}
	#container #content ul.cat_catMain ul.catSub {
		margin : 0 0 0 10px;
	}
		#container #content ul.cat_catMain ul.catSub li {
			float  : left;
			color  : #676767;
			margin : 0 5px 0 0;
		}
/* =Page error
 * --------------------------------------------------------------------------------------------------------*/
.error_msg {
	color : #ff2020;	
}
/* =Page refresh
 * --------------------------------------------------------------------------------------------------------*/
body#redirect {
	background : #e1e1dd;
}
#content_refresh {
	position    : absolute;
	width       : 618px;
	height      : 260px;
	left        : 50%;
	top         : 50%;
	margin-left : -309px;
	margin-top  : -130px;
}
	#content_refresh h1 {
		position  : absolute;
		top       : 34px;
		left      : 197px; 
		color     : #fff;
		font-size : 24px;
	}
	#content_refresh p {
		position   : absolute;
		bottom     : 50px;
		left       : 100px;
		text-align : center; 
	}
		#content_refresh p a:link,#content_refresh p a:hover,#content_refresh p a:visited,#content_refresh p a:active {
			color : #157db4;
			text-decoration : none;
		}
/* =Liens
 * --------------------------------------------------------------------------------------------------------*/
a:link,a:hover,a:active,a:visited {
	color           : #678e0b;
	text-decoration : none;
}
a.linkblue:link,a.linkblue:hover,a.linkblue:active,a.linkblue:visited {
	color           : #157db4;
	text-decoration : none;
}		
a.linkListProduct:link,a.linkListProduct:hover,a.linkListProduct:active,a.linkListProduct:visited {
	color           : #00bf2f;
	text-decoration : none;
}

a.whiteLink:link, a.whiteLink:hover, a.whiteLink:active, a.whiteLink:visited {
	color           : #fff;
	text-decoration : none;
}
/* =Separator
 * --------------------------------------------------------------------------------------------------------*/
.separator {
background : url(/style/default/1024/img/pages/mainDesign/sepratator_H_3-3.gif) repeat-x center;
float      : left;
font-size  : 1px;
height     : 6px;
margin     : 0 0 5px;
width      : 100%;
}	
/* =Paginator
 * --------------------------------------------------------------------------------------------------------*/
#container #content .main_content .paginator {
	width  : 100%;
	height : 25px;
	margin : 10px auto;
	clear  : both;
	color  : #678e0b;
}
#container #content .main_content .paginator a.paginationLink { 
	background : #ffffff;
	border     : 1px solid #d6d7d9;
	margin     : 0 2px;
	padding    : 0 2px;
}
#container #content .main_content .paginator a.paginationLink:visited { 
	color           : #157db4;
	text-decoration : none;
}
#container #content .main_content .paginator .atstart, .paginator .atend  { 
	margin     : 0 2px; 
	padding    : 0 2px; 
	border     : 1px solid #ddd; 
	background : #fff; 
	color      : #aaa; 
}
#container #content .main_content .paginator .break { 
	margin          : 0 2px;
	padding         : 0 2px;
	border          : none; 
	background      : #fff; 
	text-decoration : none; 
}
#container #content .main_content .paginator .this-page {
	background : #ff6600;
	border     : 1px solid #d32003;
	margin     : 0 2px;
	padding    : 0 2px;
	color      : #fee8c3;
}
#container #content .main_content .paginator a.paginationLink:hover {
	text-decoration : none;
	background      : #678e0b;
	border          : 1px solid #d6d7d9;
	margin          : 0 2px;
	padding         : 0 2px;
	color           : #fff;
}