/* Global Tanit eBoutique CSS Document */

body {
	background-color:#0a0a0a;
	
	margin:0 0 0 0; 
  padding:0px;
	font-family: Verdana, Arial, Helvetica, Tahoma, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
	font-size:10px;
	color:white;
	width:980px;	
}


img{
	border: 0; /* makes sure linked images do not have a border */
	vertical-align: middle;
}

a {
	line-height:22px;
	padding-left:30px;	
	text-decoration:none;
}
a:hover {
	color:white;
	line-height:22px;
	padding-left:30px;	
	text-decoration:none;
}

a.mainmenu:link, a.mainmenu:visited { 
	line-height:18px;
	text-decoration: none;
	background: url(/image/btnMenuIcon.png) no-repeat;
	text-align: left;
	vertical-align: middle;
	padding-top: 1px;
	padding-left: 30px;
	width: 100%;
	height: 20px;
	display: block;
}
a.mainmenu:hover { 
	text-decoration: none; 
	background-position: 0px -20px;
}


#btnAccueil {
	position:absolute;
	height:20px;
	z-index:2;
	left: 20px;
	top: 13px;
	width: 90px;
}


#btnPromotion {
	position:absolute;
	height:20px;
	z-index:2;
	left: 110px;
	top: 13px;
	width: 110px;	
}


#btnNouveautes {
	position:absolute;
	height:20px;
	z-index:2;
	left: 220px;
	top: 13px;
	width: 110px;

}

#btnCoupDeCoeur {
	position:absolute;
	height:20px;
	z-index:2;
	left: 330px;
	top: 13px;
	width: 120px;
}


#btnCataloguesPdf {
	position:absolute;
	height:20px;
	z-index:2;
	left: 470px;
	top: 13px;
	width: 100px;	
}

#btnDemandeDevis {
	position:absolute;
	height:20px;
	z-index:2;
	left: 570px;
	top: 13px;
	width: 140px;	
}

#btnOuvrirCompte {
	position:absolute;
	height:20px;
	z-index:2;
	left: 720px;
	top: 13px;
	width: 150px;	
}

#btnEspaceClient {
	position:absolute;
	height:20px;
	z-index:2;
	left: 870px;
	top: 13px;
	width: 120px;	
}



#topBanner {
	position:absolute;
	width:1003px;
	height:117px;
	z-index:99;
	left: 0px;
	top: 45px;/*55px*/
	background-image: url(/image/banner.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	overflow:hidden;
}

#topMenu{
	position:absolute;
	left: 0px;
	top: 2px;/*12px*/
	z-index:2;
}
#fondtop {
	position:absolute;
	background-image:url(/image/gradianttop.png);
	background-position:bottom left;
	background-repeat:repeat-x;
	width:1003px;
	height:44px;/*54px*/
	z-index:1;
	left: 0px;
	top: 3px;
}
#fondbtm {
	position:absolute;
	background-image:url(/image/fondbtm.jpg);
	background-repeat:no-repeat;
	width:1003px;
	height:475px;
	z-index:3;
	left: 0px;
	top: 163px;/*173px*/
}
#leftCol {
	position:absolute;
	width:230px;
	height:450px;
	z-index:9;
	left: 20px;
	top: 174px;
	border:0.1pt solid white;
}
#rightCol {
	position:absolute;
	width:230px;
	height:450px;
	z-index:9;
	left: 750px;
	top: 174px;
	border:0.1pt solid white;
}

#TitreCatalogue {
	position:absolute;
	background-image:url(/image/SrvcTitleCatalogue.png);
	background-position:center;
	background-repeat:no-repeat;
	width:228px;
	height:80px;
	z-index:1;
	left: 2px;
}

#TitreNosServices {
	position:absolute;
	background-image:url(/image/SrvcTitleNosServices.png);
	background-position:center;
	background-repeat:no-repeat;
	width:228px;
	height:80px;
	top:260px;
	z-index:1;
	left: 7px;
}

#TitreTopVente {
	position:absolute;
	/*background-image:url(/image/SrvcTitleTopVente.png);*/
	background-image:url();
	background-position:center;
	background-repeat:no-repeat;
	width:228px;
	height:80px;
	z-index:1;
	overflow:hidden;
	left: 7px;
}

#TitreSrvcClient {
	position:absolute;
	background-image:url(/image/SrvcTitleSrvcClient.png);
	background-position:center;
	background-repeat:no-repeat;
	width:228px;
	height:80px;
	top:260px;
	z-index:1;
	left: 7px;
}

#catTeeShirts {
	position:absolute;
	background-image:url(/image/btnPetitIcon.png);
	background-position:center left;
	background-repeat:no-repeat;
	cursor:pointer;
	width:200px;
	height:25px;
	z-index:2;
	left: 28px;
	top: 80px;
}

#catPolos {
	position:absolute;
	background-image:url(/image/btnPetitIcon.png);
	background-position:center left;
	background-repeat:no-repeat;
	cursor:pointer;
	width:200px;
	height:25px;
	z-index:2;
	left: 28px;
	top: 110px;
}

#catChemises {
	position:absolute;
	background-image:url(/image/btnPetitIcon.png);
	background-position:center left;
	background-repeat:no-repeat;
	cursor:pointer;
	width:200px;
	height:25px;
	z-index:2;
	left: 28px;
	top: 140px;
}

#catEnfants {
	position:absolute;
	background-image:url(/image/btnPetitIcon.png);
	background-position:center left;
	background-repeat:no-repeat;
	cursor:pointer;
	width:200px;
	height:25px;
	z-index:2;
	left: 28px;
	top: 170px;
}

#catPolaires {
	position:absolute;
	background-image:url(/image/btnPetitIcon.png);
	background-position:center left;
	background-repeat:no-repeat;
	cursor:pointer;
	width:200px;
	height:25px;
	z-index:2;
	left: 28px;
	top: 200px;
}

#catOutDoors {
	position:absolute;
	background-image:url(/image/btnPetitIcon.png);
	background-position:center left;
	background-repeat:no-repeat;
	cursor:pointer;
	width:200px;
	height:25px;
	z-index:2;
	left: 28px;
	top: 230px;
}

#btnCreerUnCompte {
	position:absolute;
	background-image:url(/image/btnPetitIcon.png);
	background-position:center left;
	background-repeat:no-repeat;	
	cursor:pointer;
	vertical-align: middle;	
	width:200px;
	height:25px;
	z-index:2;
	left: 20px;
	top: 341px;
}


#btnPoserUneQuestion {
	position:absolute;
	background-image:url(/image/btnPetitIcon.png);
	background-position:center left;
	background-repeat:no-repeat;	
	cursor:pointer;
	vertical-align: middle;	
	width:200px;
	height:25px;
	z-index:2;
	left: 20px;
	top: 371px;
}

#btnAbonnementNews {
	position:absolute;
	background-image:url(/image/btnPetitIcon.png);
	background-position:center left;
	background-repeat:no-repeat;	
	cursor:pointer;
	vertical-align: middle;	
	width:200px;
	height:25px;
	z-index:2;
	left: 20px;
	top: 401px;
}

#btnConseilAvantVente {
	position:absolute;
	background-image:url(/image/btnPetitIcon.png);
	background-position:center left;
	background-repeat:no-repeat;	
	cursor:pointer;
	vertical-align: middle;		
	width:200px;
	height:25px;
	z-index:6;
	left: 28px;
	top: 341px;
}

#btnDelaisLivraisons {
	position:absolute;
	background-image:url(/image/btnPetitIcon.png);
	background-position:center left;
	background-repeat:no-repeat;	
	cursor:pointer;
	vertical-align: middle;		
	width:200px;
	height:25px;
	z-index:6;
	left: 28px;
	top: 371px;
}
#btnPaiementSecurise{
	position:absolute;
	background-image:url(/image/btnPetitIcon.png);
	background-position:center left;
	background-repeat:no-repeat;	
	cursor:pointer;
	vertical-align: middle;		
	width:200px;
	height:25px;
	z-index:6;
	left: 28px;
	top: 401px;
}

#btnTopVente_1 {
	position:absolute;
	background-image:url(/image/btnPetitIcon.png);
	background-position:center left;
	background-repeat:no-repeat;	
	cursor:pointer;
	vertical-align: middle;		
	width:208px;
	height:25px;
	z-index:3;
	left: 20px;
	top: 80px;
}

#btnTopVente_2 {
	position:absolute;
	background-image:url(/image/btnPetitIcon.png);
	background-position:center left;
	background-repeat:no-repeat;	
	cursor:pointer;
	vertical-align: middle;		
	width:208px;
	height:25px;
	z-index:3;
	left: 20px;
	top: 110px;
}

#btnTopVente_3 {
	position:absolute;
	background-image:url(/image/btnPetitIcon.png);
	background-position:center left;
	background-repeat:no-repeat;	
	cursor:pointer;
	vertical-align: middle;		
	width:208px;
	height:25px;
	z-index:3;
	left: 20px;
	top: 140px;
}

#btnTopVente_4 {
	position:absolute;
	background-image:url(/image/btnPetitIcon.png);
	background-position:center left;
	background-repeat:no-repeat;	
	cursor:pointer;
	vertical-align: middle;		
	width:208px;
	height:25px;
	z-index:3;
	left: 20px;
	top: 170px;
}

#btnTopVente_5 {
	position:absolute;
	background-image:url(/image/btnPetitIcon.png);
	background-position:center left;
	background-repeat:no-repeat;	
	cursor:pointer;
	vertical-align: middle;		
	width:208px;
	height:25px;
	z-index:3;
	left: 20px;
	top: 200px;
}

#btnTopVente_6 {
	position:absolute;
	background-image:url(/image/btnPetitIcon.png);
	background-position:center left;
	background-repeat:no-repeat;	
	cursor:pointer;
	vertical-align: middle;		
	width:208px;
	height:25px;
	z-index:3;
	left: 20px;
	top: 230px;
}

.hidden {		
	display:none;
}
#bgMdlMenu {
	position:absolute;
	background-image:url(/image/bgMdlMenu.png);
	background-position:center;
	background-repeat:no-repeat;
	overflow:hidden;
	width:495px;
	height:33px;
	z-index:99;
	left: 253px;
	top: 91px;
}
#cntntMdlMenu {
	position:absolute;
	width:495px;
	height:30px;
	z-index:999;
	left: 253px;
	top: 92px;
}

#RechDiv {
	padding-left:67px;
	padding-top : 2px;/*3*/
	float:left;
}
.Recherche {
	background-image:url(/image/loop.gif);
	background-repeat:no-repeat;
	font-size:11px;
	overflow:hidden;
	padding-left:17px;
	height:20px;
	border:1px inset #0a0a0a;
}

#BasketDiv {
	padding-left: 10px;/*45*/
	padding-top : 3px;/*6*/
	float:left;
}
#BasketDivFF {
	padding-left: 10px;
	padding-top : 4px;/*8*/
	float:left;
}
.basket {
	background-image:url(/image/pCarte.png);
	background-repeat:no-repeat;
	font-size:11px;
	font-weight:500;
	overflow:hidden;
	padding-left:13px;
	height:20px;
	border:1px inset #0a0a0a;
}

.mmBtn { /* Midlle-Menu Btns*/
	height:22px;
	width:25px;
	cursor:pointer;
}
#btnsrch{
background-image:url(/image/msearch.png);
}
#btnbskt{
background-image:url(/image/Carte.png);
}


/* ************ prods list styles *************** */
#PrdGrid {
	width:480px;
	height:428px;
	overflow:hidden;
	position:absolute;
	z-index:3;
	left: 260px;
	top: 200px;	
}

#CntntGrid {
	width:480px;
	height:428px;
	overflow:hidden;
	position:absolute;
	z-index:3;
	left: 260px;
	top: 200px;	
}

#zoomImg{/* div used to display the big prod's photo */
	position:absolute;
	width:300px;
	height:300px;
	z-index:999;
	left: 370px;
	top: 250px;
	background-image:url(/image/arabesc.jpg);
	border:2px solid #ffc;
	overflow:hidden;
}
.actuDiv{
	height:130px;
	max-height:450px;
	border:none;
	border-bottom:1px dotted #fcc;
	margin-top:9px;
}
.itemDiv{
	height:140px;
	max-height:450px;
	border:none;
	border-bottom:1px dotted #fcc;
	margin-top:9px;
}

.itemTxt{
 	float:left;
	max-height:210px;
	max-width:240px;
	/*width:75%;*/
	overflow:hidden;
	margin:5px 5px 5px 5px;
}

.itemGrfx{
	position:relative;
	float:right;
	width:180px;
	max-width:180px;
	height:auto;
	margin-top:11px;
}
.xSmallFont{font-size:x-small;}
.itemIcons{ position:relative;float:right;margin-right:11px;}	
.pImgDiv{width:85px;max-width:130px;position:relative;float:left;padding-left:15px;}
.iconrow{ height:30px;}

.btnZoom {
	width:59px;
	height:25px;
	background-image:url(/image/Z1.png);
	background-repeat:no-repeat;
	background-position:left;
	vertical-align:bottom;
	padding-top:13px; 
	padding-left:27px;
	text-decoration:none;
	cursor:pointer;
	font-size:10px;
}

.btnDetailPrd {
	width:59px;
	height:25px;
	background-image:url(/image/D1.png);
	background-repeat:no-repeat;
	padding-top:13px;
	padding-left:27px;
	text-decoration:none;
	cursor:pointer;
	font-size:10px;	
}
.clearfloat {
clear:both; height:0px;
line-height:0px; visibility: hidden;
}

#PageTitle {
	position:absolute;
	background-image:url();	
	background-position:center center;	
	background-repeat:no-repeat;
	width:350px;
	height:62px;
	z-index:9999;
	left: 325px;
	top: 5px;
}
#Cntnt{
	font-size:x-small;
	margin:5px 5px 5px 5px;
}
#Footer {
	position:absolute;
	width:995px;/* width:98%;*/
	height:20px;
	z-index:10000;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
	top: 625px;
	left:0.1pt;
}
.oblig { /*OK*/
	border-left:1px solid red;
	border-right:1px solid red;
}

input.abtn{/*OK*/
	cursor:pointer;
	border:outset 1px #ccc;
	background:#999;
	color:#ffc;        
	padding: 1px 2px;
	background:url(/image/glossy.png) repeat-x left top;
}
      
input.abtn:hover{/*OK*/
	cursor:pointer;
	border:inset 1px #ccc;
	background:#999;
	color:#ffc;        
	padding: 1px 2px;
	background:url(/image/glossy.png) repeat-x left top;
}

/* ************ end prods list styles *************** */

#TousNosProduits {
  /* no longer used see the inline style in leftCol */
	position:absolute;
	height:385px;
	/*max-height:auto;  * /	background-color:black; / * */
	width:230px;
	left:0px;
	top:60px;
	overflow:auto;
	text-align: left;
	z-index:9999;
	overflow-x:hidden;
}
