@charset "utf-8";

img{
  border:0px;
}

.NjmPage #container { 
	position: relative;
	width: 980px;  
	margin: 0 auto; 
	text-align: left; 
} 



.NjmPage #header { 
	height: 93px; /* if you're changing the source order of the columns, you'll may want to use a height on the header so that you can give the columns a predictable top value */
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	
	background-image: url(../images/logo.png);
	background-position:top;
	background-position:left;
	background-repeat: no-repeat;
} 


.NjmPage #header #lang{ 
	padding: 0;
	margin: 0;
	font-size:12px;
	padding-top: 70px;
	padding-right: 14px;
	text-align: right;
	
}
.NjmPage #menu1 {
	position: absolute;
	top: 93px;
	left: 0;
	width: 183px;
	background-color:#FFFFFF;
	background-image: url(../images/menu1_bg.png);
	background-repeat:no-repeat;
	background-position:left top;
	border-top: 1px solid #cccccc;
	padding:0px;
	margin:0px;
	
}


.NjmPage #sidebar2 {
	position: absolute;
	top: 93px;
	right: 0;
	width: 160px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 10px 15px 20px; /* padding keeps the content of the div away from the edges */
}
.NjmPage #boxContent { 
  background-image:url(../images/box_bg2.png); 
  background-repeat:repeat-y;
	background-position:top;

	margin: 0 0 0 180px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. */
	padding: 10px 23px 5px 4px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

.NjmPage #mainContent { 
	padding: 0px 20px;
	font-size:12px;
	position: relative;
	min-height:350px;

}

.NjmPage #mainContent a{ 
	color: #333333;

}

.NjmPage #mainContent a:hover{ 
	color: #000;
	

}




.NjmPage #mainContent h1{ 
	font-size:18px; /*Change 14px*/
	color: #bfac57;
	text-transform:uppercase;
}

.NjmPage #mainContent h2{ 
	font-size:12px;
}

.NjmPage #mainContent h4{ 
	font-size:14px; /*change 12px*/
  text-transform:uppercase;
  font-weight:normal;
}


.NjmPage #footer {
  color:#666666;
	font-size:9px;
	text-align:center;
	background-color:none;
	background-image: url(../images/shadow_box2.png);
	background-repeat:no-repeat;
	background-position:top;
	margin: 0 0 0 180px; 
	padding: 0px 23px 20px 4px;
}

/*News Block*/

.NjmPage #mainContent .news {
	/*background-color: #ffffff;*/
	margin: 0px;
	float: left;
	width: 320px;
	text-align: left;
}

.NjmPage #mainContent .news h2{
	font-size:14px;
	color: #bfac57;
	text-transform:uppercase;
	margin:0;
	padding:0;
}

.NjmPage #mainContent .news h3{
	font-size:12px;
	color: #333333;
	margin:0;
	padding:0 0 10px 0;
}


.NjmPage #mainContent .news img{
	float:left;
	padding: 3px;
	border: 1px solid #333; /*change #999999*/
	margin-right: 10px;
}

.NjmPage #mainContent .news p{
	padding: 0;
	margin: 0;
	height: 90px;
	font-size:10px;
}

.NjmPage #mainContent .news a{
	text-transform:uppercase;
	padding: 2px 5px;
	border: 1px solid #cccccc; /*change #999999*/
	background-color:#faf9f3;
	background-image:url(../images/bt_bg.png);
	background-repeat:repeat-x;
	color:#333333;
	font-weight:bold;
	font-size: 11px;
	text-decoration:none;
}

.NjmPage #mainContent .news a:hover{
	background-image:url(../images/bt_bg_on.png);
	background-color:#f9f8f0;
	color:#333333;
	font-weight:bold;
	font-size: 11px;
	text-decoration:none;
}

/* end News*/
.v_sep{
	background-color: #cccccc;
	background-image:url(../images/v_sep.png);
	margin: 10px 35px 5px 35px;
	float: left;
	width: 2px;
	height:160px;
	text-align: left;
	
}


.h_sep{
  background-image:url(../images/h_sep.png);
  background-position: center center;
  background-repeat:no-repeat;
	margin: 20px 0px;
	height: 6px;
	width:740px;
	text-align: left;
}

.h_sep2{
  background-image:url(../images/h_sep2.png);
  background-position: center;
  background-repeat:no-repeat;
	margin: 0px 0px;
	height: 6px;
	width:158px;
	text-align: left;
}

hr {
clear: both;
visibility: hidden;
}


.fltrt { 
	float: right;
	margin-left: 15px;


}

.fltlft { 
	float: left;
	margin-right: 15px;
	padding: 2px;
	border: 1px solid #eee;

}


/*Menu*/
.navigation { 
      margin: 0; 
      padding: 0; 
	  padding-left: 7px;
      list-style: none; 
      color: #666; /*change #333*/
      width: 176px; 
	  font-size:12px;
	  font-weight:normal;/*change*/
	  text-transform:uppercase;
} 
.navigation a, .navigation span { 
  display: block; 
  padding: 4px 10px 4px 10px !important;
  padding: 0px 10px 0px 10px;
  color: #666;  /*change #333*/
  text-decoration: none; 
  background: transparent; 
  margin:0;
} 

.navigation .selected{
  font-weight:bold;
  font-size:13px;
  color:#bfac57;

}

.navigation .toggleSubMenu a, .navigation .toggleSubMenu span { 
  background-image: url(../images/menu-item-deroule.png); 
  } 
.navigation .open a, .navigation .open span { 
  background-image: url(../images/menu-item-enroule.png); 
} 
.navigation a:hover, .navigation a:focus, .navigation a:active { 
  color:#bfac57;
} 
.navigation .subMenu { 
  list-style-type: none;
  background-image: url(../images/sub_bg.png);
  background-position:top;
  background-repeat: repeat-x;
  background-color:#F7F7F7;
  font-size: 12px;
  margin: 0; 
  padding: 5px 0 5px 0; 
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
} 


.navigation ul.subMenu a { 
  list-style-type: none;
  background: none; 
  padding: 3px 15px; 
  text-transform: none;
  font-weight:100;
}

.navigation .subMenu2 { 
  list-style-type: none;
  background-image: url(../images/sub_bg.png);
  background-position:top;
  background-repeat: repeat-x;
  background-color:#F7F7F7;
  font-size: 12px;
  margin: 0; 
  padding: 5px 0 5px 0; 
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
} 


.navigation ul.subMenu2 a { 
  list-style-type: none;
  background: none; 
  padding: 3px 15px; 
  text-transform: none;
  font-weight:100;
}
  
/*Menu 2*/

.NjmPage #menu2 { 
	background-color:none;
	background-image: url(../images/menu2_bg.png);
	background-repeat:repeat-x;
	padding: 4px;
	color:#dddddd;
	font-size:11px;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	font-size:10px;
	margin-left:1px;
}

.NjmPage #menu2 a{
	color:#dddddd;
	font-size:11px;
	text-decoration:none;
}

.NjmPage #menu2 a:hover{
	color:#999999;
	font-size:11px;
	text-decoration:none;
}

.NjmPage #menu2 ul {
  list-style-type: none;
  margin:0;
  padding:0;
  overflow:hidden;
  width:100%;
  color:#0000FF;
}

.NjmPage #menu2 ul li {
  list-style-type: none;
  display:inline;
  margin:0;
  padding: 0 5px 0 6px;
  border-left:1px solid #ccc;
  margin-left:-1px;
}

.NjmPage #menu2 ul li:first-child {
	border-left:none
}

/*Lang*/


.NjmPage #lang a{
	color:#333333;
	font-size:12px;
	text-decoration:none;
	text-transform:uppercase;
}

.NjmPage #lang a:hover{
	color:#666666;
	font-size:12px;
	text-transform:uppercase;
	text-decoration:none;
}

.NjmPage #lang ul {
  list-style-type: none;
  margin:0;
  padding:0;
  overflow:hidden;
  width:100%;
  color:#0000FF;
}

.NjmPage #lang ul li {
  list-style-type: none;
  display:inline;
  margin:0;
  padding: 0 5px 0 6px;
  border-left:1px solid #ccc;
  margin-left:-1px;
}

.NjmPage #lang ul li:first-child {
	border-left:none
}



/*home*/
.NjmPage #txt_home{
	margin: 0px;
	padding: 0px;
	text-align: left;
}


/*Products preview*/
.prod_prev {
	
	margin: 10px 3px;
	float: left;
	width: 235px;
	text-align: left;
}

.prod_prev h2{
	font-size:13px;
	font-weight:normal;
	color: #333333;
	text-transform:uppercase;
	margin:0;
	padding:0;
}

.prod_prev h3{
	font-size:12px;
	color: #666666;
	margin:0;
	padding:0 0 10px 0;
}

.prod_prev .img_box{
	float:left;
	padding: 3px;
	border: 1px solid #333; /*change #cccccc*/
	margin-right: 10px;
	width:90px;
	height: 90px;
	text-align:center;
	background-color: #ffffff;
}

.prod_prev .img_box a{
  border: 0px;
  text-decoration:none;
  background:none;
  padding:0;
  margin:0;
}

.prod_prev .img_box a:hover{
  border: 0px;
  text-decoration:none;
  background:none;
  padding:0;
  margin:0;
}



.prod_prev .img_box img{
  border: 0px;
  text-decoration:none;
  background:none;
}

.prod_prev h2 a{
	font-size:13px;
	font-weight:normal;
	color: #333333;
	text-transform:uppercase;
	margin:0;
	padding:0;
	text-decoration:none;
}

.prod_prev h2 a:hover{
	text-decoration:underline;
}

.prod_prev .bt a{
	text-transform:uppercase;
	padding: 2px 5px;
	border: 1px solid #cccccc; /*change #999999*/
	background-color:#faf9f3;
	background-image:url(../images/bt2_bg.png);
	background-repeat:repeat-x;
	color:#333333;
	font-weight:bold;
	font-size: 11px;
	text-decoration:none;
}

.prod_prev .bt a:hover{
	background-image:url(../images/bt2_bg_on.png);
	background-color:#f9f8f0;
	color:#333333;
	font-weight:bold;
	font-size: 11px;
	text-decoration:none;
}

#Searchresult{
	height:370px;
	background-color: none; /*change FEFEFC*/
  border-bottom: 1px solid #E0E0E0; /*change total border*/
  text-align:center; /*change new*/
  
  
}

#Searchresult2{
	background-color: none; /*change FEFEFC*/
  text-align:center; /*change new*/
  
  
}

#hiddenresult{
  display:none;
}

#hiddenresult2{
  display:none;
}

#Pagination{
  padding:10px 0;
  float: right;

}



/*Selection*/
.NjmPage #selection{
  display:block;
  
  
  /*background-color:#eeeeee;
  border: 1px solid #dddddd; change*/
  padding: 10px 0;
}

.NjmPage #selection #details{
  float: left;
  width: 350px;
}

.NjmPage #selection h1 a{
  font-size:18px; /*Change 14px*/
	color: #bfac57;
	text-transform:uppercase;
	text-decoration:none;
}

.NjmPage #selection h1 a:hover{
  font-size:18px; /*Change 14px*/
	color: #bfac57;
	text-transform:uppercase;
	text-decoration:underline;
}



.NjmPage #selection #details .img_box{
  float: left;
  padding: 2px;
  margin-right:10px;
  border: 1px solid #333;/*change 2px #dddddd*/
  background-color: #ffffff;
  min-height: 120px;
  min-width: 120px;
}

.NjmPage #selection #flash_text{
  float: left;
  width: 250px;
  height: 180px;
}

.NjmPage #selection #info{
  float: left;
  width: 100px;
  padding-top: 10px;
}


.NjmPage #selection #info a{
	text-transform:uppercase;
	padding: 2px 5px;
	border: 1px solid #cccccc; /*change #999999*/
	background-color:#faf9f3;
	background-image:url(../images/bt_bg.png);
	background-repeat:repeat-x;
	color:#333333;
	font-weight:bold;
	font-size: 11px;
	text-decoration:none;
	
}

.NjmPage #selection #info a:hover{
	background-image:url(../images/bt_bg_on.png);
	background-color:#f9f8f0;
	color:#333333;
	font-weight:bold;
	font-size: 11px;
	text-decoration:none;
}

/*Product*/
#product{
  display:block;
  padding: 10px;
}

.NjmPage #mainContent #product h1{
  font-size: 16px;

}

#product #details{
  float: left;
  width: 450px;
}




#product #details .img_box{
  float: left;
  padding: 2px;
  margin-right:10px;
  /*border: 2px solid #dddddd; change*/
  background-color: #ffffff;
  text-align:center;
  height:350px;
}


#product #details .img_box a{
  font-size:11px;
  text-decoration: underline;
  color: #666666;
  padding-bottom: 2px;
  /*border: 1px solid #EEE;/*change new*/
  padding:0;
  margin:0
  
}

#product #details .img_box a:hover{
  font-size:11px;
  text-decoration: underline;
  color: #333333;
  padding-bottom: 2px;
  margin:0
  
}

#product #details .img_box img{
  border: Opx;
  margin:0
  
}

#product #info{
  padding-top: 10px;
}





#product #info a{
	text-transform:uppercase;
	padding: 2px 5px;
	border: 1px solid #cccccc; /*change #999999*/
	background-color:#faf9f3;
	background-image:url(../images/bt_bg.png);
	background-repeat:repeat-x;
	color:#333333;
	font-weight:bold;
	font-size: 11px;
	text-decoration:none;
	
}

#product #info a:hover{
	background-image:url(../images/bt_bg_on.png);
	background-color:#f9f8f0;
	color:#333333;
	font-weight:bold;
	font-size: 11px;
	text-decoration:none;
}

#add {
  width:700px;
  padding-top: 5px;

}

#product #add a{
  border:0;
  text-decoration:none;
  color: #999999;

}

#product #add img{
    margin : 0 3px 0 10px;
}

#product #similaire{
  float: right;
  width: 220px;
  /*background-color:#eeeeee;
  border: 1px solid #dddddd; change */
  padding: 7px 0 0 13px;
  
}

#product #similaire h4{
  margin: 5px 0 0 0;
}

.hide{
  display:none;
}

.mini{
  border: 1px solid #dddddd;
  padding:3px;
}




/*Form*/
form{
	text-align: left;
	
	font-family: "Trebuchet MS", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
	font-size: 10px; 
	color: 666;

}

form p{
	text-align: left;
}

#center_col .box fieldset p{
	text-align: left;
	padding: 0;
}

fieldset {
	text-align: left;
	border:1px solid #999999;
  background-color:#efefef;
	padding:5px;
	margin: 1px 0px;
	font-size: 12px; 
	color: 999;
}

form#profile {
	font-size: 90%;
	text-align:left;
}



legend {
	font-variant: small-caps;
	letter-spacing: 0.1ex;
	color: #333333;
	font-weight: bold;
	padding: 0 2px;
}



fieldset p, fieldset li {
	text-align:left;
}



#identity label{
	display:inline-block;
	width: 80px;
	padding: 5px 0;
	
}

#identity input{
	width: 310px;
	padding: 2px;
	margin: 0px;
	font-size: 11px;
	border:1px solid #999999;
	font-family: verdana, Arial, sans-serif;
	
}

#security label{
	display:inline-block;
	width: 200px;
	padding: 5px 0;
}
	
#security input{
	width: 190px;
	padding: 2px;
	font-size: 11px;
	border:1px solid #999999;
	font-family: verdana, Arial, sans-serif;
	
}


#message textarea{
	width: 395px;
	padding: 2px;
	margin: 0px;
	font-size: 11px;
	border:1px solid #999999;
	font-family: verdana, Arial, sans-serif;
	
}

.submit input{
	background-color:#efefef;
	border:1px solid #999999;
	color:#666;
	display:block;
	width:100%
	/*cursor: hand;
	cursor: pointer;*/


}

#center_col .box .submit{
	padding:0;
}

.submit input:hover{
	background-color:#eeeeee;
	border: 1px solid #333333;
	color:#333;
	display:block;
	padding: 0 180px;
	/*cursor: hand;
	cursor: pointer;*/

}

#error{
  font-family: "Trebuchet MS", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
	font-size: 11px; 
	font-weight: bold;
	color: #990000;

}

#mainContent .prod_form{
  font-family: "Trebuchet MS", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
	font-size: 10px; 
	color: 666;
	padding: 5px;
	border: 1px solid #eee;

}


#mainContent .prod_form img{
  padding: 2px;
  margin: 2px;
  border: 1px solid #eee;

}

#mainContent .prod_form h1{
  font-size:12px; /*Change 14px*/
	color: #bfac57;
	text-transform:uppercase;
}