/* slider */
div#slide-holder{
	top:150px;
	left:9px;
	width:925px;
	left:200px;
	height:317px;
	overflow:hidden;
	position:absolute;
	
 }

div#slide-runner{
	top:23px;
	left:9px;
	width:925px;
	left:200px;
	height:317px;
	overflow:hidden;
	position:absolute;
  }
  div#slide-holder img{
	margin:0;
	display:block;
	position:absolute;
	top: -5px;
	height: 319px;
  }

  

p#slide-nav {
display:inline;
float:right;
height:24px;
margin:11px 15px 0 0;
}

/* begin overlay */
/* the overlayed element */ 
.simple_overlay { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#333; 
     
    width:675px;     
    min-height:200px; 
    border:1px solid #666; 
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 
 
/* close button positioned on upper right corner */ 
.simple_overlay .close { 
    background-image:url(../img/overlay/close.html); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}
/* end overlay */




/*begin email to friend*/

.txgris {
	color: #7e7e7f;
	padding: 8px 0;
}
.txtpaddContact{ padding: 5px 0px; text-align: left;}
#contact-container .contact-loading {position:absolute; background:url(../images/loading.gif) no-repeat; z-index:8000; height:55px; width:54px; margin:-14px 0 0 170px; padding:0;}
#contact-container .contact-error {width:92%; font-size:.8em; background:#000; border:2px solid #ccc; font-size:0.8em; font-weight:bold; margin:0 auto; padding:2px; position:absolute; z-index:1100;}
#contact-container .contact-message {text-align:center;}
#contact-container a.modal-close,
#contact-container a.modal-close:link,
#contact-container a.modal-close:active,
#contact-container a.modal-close:visited {text-decoration:none; font-weight:bold; font-size:1.2em; position:absolute; top:-4px; right:6px; color:#000; padding: 5px 0 0}
#contact-container a.modal-close:hover {color:#fff;}
#contact-overlay {background-color:#FFF; cursor:wait;}
.borderArround {
	border: 1px solid #d3d3d5;
}
.bgkBagatel {
	background: url(../images/71.jpg) no-repeat center ;
}
.bgkBagatel1 {
	background: url(../images/bagatel-phone-sac-cuir.jpg) no-repeat center ;
}

.bgkBagatel2 {
	background: url(../images/sac-rouge-noir.png) no-repeat center ;
}
.bgkBagatel3{
	background: url(../images/news-bagatel.png) no-repeat center ;
}
.shopContainer .txtPresentation {
	height: AUTO;
	width: 600px;
	position: relative;
	top: 42px;
 	overflow-y: auto;
}

.shopContainer .txtPresentationRetailer {
	height: 580px;
	width: 800px;
	position: relative;
	top: -22px;
 	overflow-y: auto;
}

.shopContainer .CiconeGeneralDes,
.shopContainer .CiconeGeneralDes1,
.shopContainer .CiconeGeneralDes2{
	height: 132px;
	width: 207px;
	position: relative;
	top: 40px;
	float: left;
	text-align: center;
}
 .shopContainer .bottomtxt {
	padding: 10px 0 0;
}



/*end email to friend*/
 .padd {
padding:6px 9px 4px;
}
.shopContainer .CtxtGoodess {
	float:left;
	height:240px;
	overflow-y:auto;
	padding: 20px 0 0 0;
}
.shopContainer .phototxtGoodess {
background:transparent url(../images/goodessIcone.png) no-repeat scroll left center;
float:right;
height:196px;
width:209px;
}


 
a.lienbas:link, a.lienbas:visited {
font-family: Arial; font-size:13px; font-weight:bold; color: #FFF; text-decoration:none;
line-height:30px;

}	
a.lienbas:hover {
font-family: Arial; font-size:13px; font-weight:bold; color: #FFF; text-decoration:none; 
}

#bagatelcss{
	width:100%;
	height:auto;
	position:relative;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-align:center;
	}
		#bagatelcss a , #bagatelcss a:visited , #bagatelcss a:active
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;
		color: #CCC;
		text-decoration:none;
		padding-left:10px;
		padding-right:10px;
		line-height:18px;
	}
#bagatelcss a:hover
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;
		color: #999;
				padding-left:10px;
		padding-right:10px;
		text-decoration:none;
	}
	
	#bagatelenter{
	position:absolute; top:600px; left:900px; width:120px;
	}
	#bagatelenter h2{
	font-family: Calibri; margin:0px; line-height:22px; font-size:18px; font-weight:normal;
	}
	
	#bagatelenter a , #bagatelenter a:visited , #bagatelenter a:active
	{
		font-family: Calibri; line-height:22px; font-size:18px; padding-top:2px; font-weight:normal; color:#FFFFFF;
	}
#bagatelenter a:hover
	{
		font-family: Calibri; line-height:22px; font-size:18px; padding-top:2px; font-weight:normal; color:#CC0000;
	}
	
	#bagatelfb{
	position:absolute; top:600px; left:940px; width:40px;
	}
	
	#bagatelen{
	position:absolute; top:610px; left:800px; width:60px;
	}
	#bagatelen a{
	font-family: "Trebuchet MS"; font-size:14px; color:#FFFFFF; font-weight: normal;
	}
	#bagatelen a:hover{
	font-family: "Trebuchet MS"; font-size:14px; color:#000; font-weight: normal;
	}
	
	#bagatelfr{
	position:absolute; top:610px; left:860px; width:60px;
	}
	#bagatelfr a{
	font-family: "Trebuchet MS"; font-size:14px; color:#FFFFFF; font-weight: normal;
	}
	#bagatelfr a:hover{
	font-family: "Trebuchet MS"; font-size:14px; color:#000; font-weight: normal;
	}
	
	#bagatelslogan{
	position:absolute; top:440px; left:155px; width:250px; font-size:18px; font-weight:bold; font-family: Tahoma; color:#FFFFFF;
	}
	#bagatelslogan a{
	font-size:18px; font-weight:bold; font-family: Tahoma; color:#000000;
	}
	#bagatelslogan a:hover{
	font-size:18px; font-weight:bold; font-family: Tahoma; color: #FFFFFF;
	}