/**********************************
===================================
     => Elements Gabarits <=
===================================
/**********************************/


.contener,.header,.tableContenu,.bottom,.ssBottom,.motsCles{
width:1024px;
margin:0 auto;
/*border:1px solid red;*/
}
.motsCles{
width:1000px;
/*border:1px solid red;*/
background:#E9E9EC;
}
.contener{
background:url(body.jpg) repeat center top;
overflow:hidden;
/*border:1px solid red;*/
}
.header,.headerUs{
background:url(header.jpg) no-repeat left top;
height:133px;
position:relative;
z-index:1;
}
.headerUs{
background:url(headerUs.jpg) no-repeat left top;
}
.tableContenu{
padding:0;
}
.tableContenu td{
border-spacing:0;
vertical-align:top;
}
.tableContenu tr{ 
vertical-align:top;
}
.center{
width:927x;
padding:0 0 0 5px;
*padding:0;
text-align:left;
vertical-align:top;
margin:0 0 0 192px;
background:url(fondCat.jpg) no-repeat left -3px;
/*border-top:1px solid #fff;*/
}
.centerInt{
}
.blocCentre{
padding:10px 0 10px 3px;
}
.left{
clear:both;
padding:10px 0 0 0;
width:192px;
float:left;
vertical-align:top;
}
.centerleft{
width:632px;
vertical-align:top;
float:left;
vertical-align:top;
/*border:1px solid red;*/
}
.right{
float:right;
width:180px;
padding-bottom:3px;
vertical-align:top;
}
.centerRight{
margin-left:632px;
width:197px;
vertical-align:top;
/*border:1px solid red;*/
}
.bottom,.ssBottom{
width:996px;
height:32px;
clear:both;
position:relative;
}
.bottom{
background:url(fondnavH2.jpg) left top no-repeat;
}
.ssBottom{
background:url(fondnavH3.jpg) left top no-repeat;
height:54px;
/*border:1px solid red;*/
}


/*****************************
=================================
        => Contenu <=
================================		 
/******************************/


/*Barre Nav Hori + selection*/


.fondSelec,.fondNav{
width:1024px;
height:22px;
text-align:center;

/*position: relative;
top:-1px;
z-index:1;
*/
}
/*
.fondNav{
top:-1px;
z-index:1000;
}
*/
.fondSelec{
background:url(fondSelec.jpg) no-repeat left top;
}
.fondSelec img{
position:absolute;
top:2px;
z-index:5;
}
.gouttiere{
}



/*LIEN LOGO*/

.lienLogo{
display:block;
/*	border:1px solid red;*/
width:216px;
height:129px;
position:absolute;
left: 10px;
top: 2px;
/*margin:34px 0 0 190px;*/
}
.lienLogo2{
display:block;
/*border:1px solid red;/*/
width:72px;
height:23px;
position:absolute;
left: 610px;
top: 7px;
z-index:2000;
background:url(btAccueil.jpg)
/*margin:7px 0 0 610px;*/
}

/*VOTRE COMPTE*/

.votreCompte,.votreCompteUs{
display:block;
width:105px;
height:25px;
position:absolute;
*position:relative;
left:705px;
top:40px;
/*border:1px solid green;
z-index:1000;*/
}
.votreCompteUs{
width:99px;
left:652px;
top:40px;
*top:-22px;
/*border:1px solid green;*/
}

/*PANIER*/

.panier,.panierUs{
display:block;
/*border:1px solid green;*/
width:124px;
height:24px;
position:absolute;
left: 2px;
top: 5px;
}
.panierUs{
/*border:1px solid green;*/
width:169px;
left: 763px;
}

/*MAILING*/

.mailing{
display:block;
width:99px;
height:24px;
position:absolute;
left: 1018px;
*left: 1010px;
/*border:1px solid green;*/
top: 9px;
}


/*RECHERCHE*/

.search{
	position:absolute;
	width:255px;
	height:24px;
	display:block;
	left: 182px;
	top: 5px;
	/*border:1px solid red;*/
}

/*MARQUES*/

.marques{
	position:absolute;
	width:138px;
	height:24px;
	display:block;
	left: 440px;
	top: 8px;
}



/*
===============================
         DIVERS
===============================
*/

.lienA{
	position:absolute;
	width:114px;
	height:24px;
	display:block;
	left: 668px;
	top: 7px;
}
.lienB{
	position:absolute;
	width:104px;
	height:24px;
	display:block;
	left: 140px;
	top: 2px;
}
.lienC{
	position:absolute;
	width:89px;
	height:24px;
	display:block;
	left: 604px;
	top: 5px;
}

/*********************
========================
      Navigation
========================	  
/************************/
.nav{
list-style-type:none;
width:1024px;
padding:0;
margin:0;
}
.nav li{
display:inline;
}
.nav li a{
float:left;
display:block;
}

/*--------------------  New ---*/


/*--------------------  New ---*/


.fondNav .navN {
	width:1024px;
	padding:0;
	margin:0;
	text-align:center;
}

.fondNav .navN {
	padding:0;
	margin-left: auto;
  	margin-right: auto;
}

.fondNav a {
	display:block;
	float:left;
}




a.panierB{
/*background:url(fondNav.jpg) no-repeat left -2px;*/
width:146px;
height:24px;
}
/*a.panierB:hover{
background:url(fondNav.jpg) no-repeat left top;
}*/
a.deco{
background:url(bt-deco.gif) no-repeat 0px -2px;
width:71px;
height:24px;
}
a.deco:hover{
background:url(bt-deco.gif) no-repeat 0px 0px;
}
a.meuble{
background:url(bt-meuble.gif) no-repeat 0px -2px;
width:100px;
height:24px;
}
a.meuble:hover{
background:url(bt-meuble.gif) no-repeat 0px 0px;
}
a.pleinAir{
background:url(bt-plein-air.gif) no-repeat 0px -2px;
width:108px;
height:24px;
}
a.pleinAir:hover{
background:url(bt-plein-air.gif) no-repeat 0px 0px;
}
a.decoFete{
background:url(bt-deco-fete-jouet.gif) no-repeat 0px -2px;
width:191px;
height:24px;
}
a.decoFete:hover{
background:url(bt-deco-fete-jouet.gif) no-repeat 0px 0px;
}
a.bazar{
background:url(bt-bazar.gif) no-repeat 0px -2px;
width:80px;
height:24px;
}
a.bazar:hover{
background:url(bt-bazar.gif) no-repeat 0px 0px;
}
a.auto{
background:url(bt-auto.gif) no-repeat 0px -2px;
width:77px;
height:24px;
}
a.auto:hover{
background:url(bt-auto.gif) no-repeat 0px 0px;
}
/*
a.Destockage{
background:url(fondNav.jpg) no-repeat -773px -2px;
width:119px;
height:24px;
}
a.Destockage:hover{
background:url(fondNav.jpg) no-repeat -773px top;
}
*/
a.brico{
background:url(bt-bricolage.gif) no-repeat 0px -2px;
width:132px;
height:24px;
}
a.brico:hover{
background:url(bt-bricolage.gif) no-repeat 0px 0px;
}
a.electro{
background:url(bt-electro.gif) no-repeat 0px -2px;
width:171px;
height:24px;
}
a.electro:hover{
background:url(bt-electro.gif) no-repeat 0px 0px;
}

/****************************
===========================
          CMS
===========================		  
/***************************/


/****************************
===========================
        Navigation XML
===========================		  
/***************************/

.titreDeco,.titreMeuble,.titrePleinAir,.titreDecoFete,.titreBazar,.titreAuto,.titreDestockage,.titreBrico,.titreElectro{
height:11px;
padding:8px 9px;
display:block;
margin:5px 0 0 0;
color:#251E14;
font:bold 12px verdana;
}
.titreDeco,.titreMeuble,.titrePleinAir,.titreDecoFete,.titreBazar,.titreAuto,.titreDestockage,.titreBrico,.titreElectro{
color:#fff;
}

.titreDeco{
background:url(titreDeco.gif) no-repeat left top;
}

.titreMeuble{
background:url(titreMeuble.gif) no-repeat left top;
}

.titrePleinAir{
background:url(titrePleinAir.gif) no-repeat left top;
}

.titreDecoFete{
background:url(titreDecoFete.gif) no-repeat left top;
}

.titreBazar{
background:url(titreBazar.gif) no-repeat left top;
}

.titreAuto{
background:url(titreAuto.gif) no-repeat left top;
}

.titreDestockage{
background:url(titreDestockage.gif) no-repeat left top;
}

.titreBrico{
background:url(titreBrico.gif) no-repeat left top;
}

.titreElectro{
background:url(titreElectro.gif) no-repeat left top;
}


#contenerNav li a{
text-decoration:none;
display:block;
padding:5px 8px;
background:url(fondCms.jpg) repeat-y left top;
color:#231D14;
font:bold 11px verdana;
}

#contenerNav li a:hover{
text-decoration:underline;
}

#mycrawler{
border:1px solid red;
}


