/* Home CSS de Badaboom    */

* 			{ margin:0; padding:0; border: none; text-decoration: none }

body 		{ padding: 0; font-family: arial, Verdana, Helvetica, Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, sans-serif; font-size: 11px; text-align: center; color: #000; background-color: #fff }

h1 a 		{ position: absolute; top: 43px; left: 105px; top: 0; width: 602px; height: 127px; display:block; text-indent: -999em }
h2   		{ min-height: 35px;  margin: 25px 0 20px 0px; padding: 5px 0 0 53px; font: normal 18px "Trebuchet MS"; color: #630001; 
     		  background: url(../images/fond/f-h2.gif) left 3px no-repeat;  }
h3  		{ margin: 15px 0 10px 0px; font: bold 17px "Trebuchet MS"; color: #917e77 }
h4   		{ margin: 15px 0 10px 15px; font: bold 16px "Trebuchet MS"; color: #917e77 }
h5   		{ margin: 15px 0 10px 10px; font: bold 15px "Trebuchet MS"; color: #917e77 }

p    		{ font: normal 11px/18px arial; margin: 0 0 5px 0; text-align:left }

select   { font: normal 11px arial;  border: 1px solid #d66236; color: #3a3539 } 
input    { padding: 0 0 0 3px; font: normal 11px arial; border: 1px solid #d66236; color: #3a3539 }
textarea { padding: 4px; font: normal 11px arial }
textarea#comment    { border: 1px solid #f68409; width: 97% ; margin-top: 4px } 

ul li 				{ list-style: none; font: normal 11px/15px arial; margin: 10px 15px 10px 24px }
ul.puced li 		{ list-style: none; margin: 10px 15px 10px 24px; padding: 0 0 0 13px; background: url(../images/puce/flb.gif) left 2px no-repeat }
ul.radio li		   { float: left }
ul.radio li input { margin: 0 4px 0 0; position:relative; top: 2px; left: 0 }

ul.radio2    		   { position:relative; top: 0px; left: 121px; }
ul.radio2 li		   { float: left }
ul.radio2 li input   { margin: 0 4px 0 0; position: relative; top: 2px; left: 0 }
 
a img    { border: none; text-decoration: none }
a        { color: #cf4713; text-decoration: underline; font: normal 11px arial }
a:hover  { color: #cf4713; text-decoration: underline }

abbr     { cursor: help;  } 

.format  {  padding: 0 35px;  } 

#flash    {  margin: 10px 0 0px 0px; text-align: center;   } 

#contact2 h3    {  margin: 15px 0 10px 0px; font: bold 14px "Trebuchet MS"; color: #917e77 }  


/* Pagination */ 
.links          			  { color: #f34101; text-align: center; margin: 0 0 10px 0px;  }
.links a         		     { color: #f34101;  padding: 1px 7px; background-color: #fcf4dc ; border: 1px solid #f34101;  text-decoration: none;   } 
.links a:hover            { color: #f34101;  padding: 1px 7px; background-color: #e9d7a0 ; border: 1px solid #f34101;  text-decoration: underline; } 
.links span       		  { border: 1px solid #f34101; padding: 1px 7px; background-color: #fff ;      } 

/* 			  Conteneurs generaux 					*/	
#main				    { position: relative; width: 931px; margin: 0 auto;  text-align:left; background: #fff url(../images/fond/spread.jpg) left top repeat-y }

#intro 				 { width: 931px; height: 291px; margin: 0 auto;  background: url(../images/fond/header.jpg) left top no-repeat }

#menu-search      		 { width: 100%; height: 31px; background: url(../images/fond/f-search.gif) left top repeat-x; position: absolute; top: 259px; left: 0px } 
#menu-search form 		 { float: right; position:relative; top: 7px; left: -15px  } 
#menu-search label    	 { position:relative; top: 4px; left: -5px; } 
#menu-search input.ch 	 { color: #3a3539; border: 1px solid #756159; position:relative; top: 1px; left: 0px } 
#menu-search input.valid { border: none; position:relative; top: 6px; left: 0px;  } 

table#mainTable      			 {  width: 931px; margin: 0 auto;  } 
table#mainTable  td 				 {  vertical-align: top; padding: 0 0 0 0;   }
table#mainTable  td#colLeft    {  width: 179px; padding: 9px 0 20px 0;  border-left: 1px solid #e9e9e9;  background: url(../images/fond/f-col-left.gif) right top repeat-y;}
table#mainTable  td#colRight   {  width: 179px; border-right: 1px solid #e9e9e9; background: url(../images/fond/f-col-right.gif) left top repeat-y;  }
		   td#colRight p.margin0 {  margin-bottom: 0 }
		   td#colRight p.marginTop5 {  margin-top: 5px }
table#mainTable  td#colCenter  {  width: 571px; padding: 0 0 20px 0;   } 
 
#outro 				 { width: 947px; margin: 0 auto; padding: 3px 0 0 0;   height: 24px; background: url(../images/fond/footer.png) no-repeat; 
							position:relative; top: 0px; left: -7px;   }
#outro span    	 { font: normal 10px arial;   }
#outro  			    { color:  #fff; text-align: center; }
#outro a 			 { color: #fff; text-decoration: none }
#outro  a:hover    { text-decoration: underline }

 
						
/* 					Colonne droite					 */
p.livraison                  { margin: 5px 0 0 0; padding: 0} 

#panier                      { margin: 5px 0 0 0;  height: 49px; padding: 12px 0 0;width: 181px; background: url(../images/fond/monPanier.gif) left top no-repeat;   } 
#panier  a                   { text-decoration: none; } 
#panier h3                   { display: none;  } 
#panier .affichagePanier     { color: #c9c9c9; position:relative; top: 28px; left: 13px; font: normal 11px arial;   } 

div#persobot    { width: 181px; margin: 5px 0 0 0;  background: url(../images/fond/comptebot.gif) left bottom no-repeat;      } 
div#perso       { width: 172px; padding: 54px 0 13px 9px;  background: url(../images/fond/comptetop.gif) left top no-repeat; position:relative; top: 0px; left: 0px;      } 
div#perso p.one input, div#perso p.two input     { height: 17px;  } 


div#menu-login 						   {   }
 
div#menu-login h3, 
div#menu-login label    			   { display: none;  }
div#menu-login p.centerbutt    	   { position: absolute; top: 52px; right: 7px;   }
div#menu-login p.links22         	{  line-height: 10px  }
div#menu-login p.links22  a       	{ font: normal 9px arial; color: #fff }
div#menu-login p.links22  a:hover	{ font: normal 9px arial; color: #fff }


/*  */
input.ch 								{ width: 101px;   }
/*  */
div#menu-logged 						{  }
div#menu-logged ul				   { margin: 4px 0 0 10px;   }
div#menu-logged ul li			   { margin: 0 0 0px 0px; padding: 0 0 0 10px;   background: url(../images/puce/p.gif) left 5px no-repeat;  }
div#menu-logged ul li a		      { text-decoration: none; color: #c9c9c9; font-weight: bold;    }
div#menu-logged strong    			{ padding: 0  }
div#menu-logged p#bonjour 			{ margin: 0px 0 0 5px; color: #c9c9c9;   }
div#menu-logged p#bonjour strong	{ font-weight: bold; color: #ebebeb  }
/*  */
div#nLetter    						{ width: 176px; height: 92px; margin: 5px 0 0 0;  padding: 39px 0 0 5px;  background: url(../images/fond/nLetter.gif) left top no-repeat; position:relative; top: 0px; left: 0px;   }  
div#nLetter input#emailnewsletter{ width: 158px; height: 17px;    } 
div#nLetter h3 						{ display: none; } 
div#nLetter .valid					{ position: relative; top: 5px; left: 104px   } 
div#nLetter .intro					{ font: normal 9px/10px arial; color: #fff ; text-align: center } 

 
/*  */
#facebook {margin: 5px 0 5px 0;}
/*  */
#espaceInfo-Bot                      { width: 180px;  margin: 5px 0 0 0px;  background: url(../images/fond/espaceInfo-Bot.gif) left bottom no-repeat;   } 
#espaceInfo-Top                      { width: 180px;   padding: 53px 0 10px 0;  background: url(../images/fond/espaceInfo-Top.gif) left top no-repeat;   } 
#espaceInfo-Top  span.gar                { display: block; font-weight: bold; padding: 0 0 0 12px;  margin: 0 0 4px 0px;  color: #000;  text-decoration: none;  }
#espaceInfo-Top  span.gar:hover          { } 

#espaceInfo-Top a.contt               { font: bold 15px arial;  display: block; font-weight: bold; padding: 0 0 0 12px; margin: 0 0 4px 0px;   color: #000;  text-decoration: none;  }
#espaceInfo-Top a.contt:hover         {    } 

#espaceInfo-Top ul        		 { margin: 12px 0 4px 0px;  } 
#espaceInfo-Top ul li     		 { margin: 0 0 6px 5px; padding: 0 0 0 14px; line-height: 13px;   background: url(../images/illustr/p.gif) left 4px no-repeat;  } 
#espaceInfo-Top ul li a    		 {  color: #000; text-decoration: none;  } 
#espaceInfo-Top ul li a:hover   {  color: #000; text-decoration: underline } 


/*  */

.tagscloud-bot { width: 180px; margin: 5px auto;  background: url(../images/illustr/tagscloud-bot.gif) left bottom no-repeat;   } 
.tagscloud     { width: 160px; padding: 61px 10px 15px; background: url(../images/illustr/tagscloud.gif) left top no-repeat;  } 
.tagscloud   a {text-decoration: none; color: #3c3fe4  } 



/* Colonne gauche */
div.topcategories-S   			 { width: 178px;  padding: 44px 0 0 0;  background: url(../images/fond/f-col-leftTop.gif) left top no-repeat;  } 
div.topcategories-Bot    		 { background: url(../images/fond/f-col-leftBot.gif) left bottom no-repeat;    } 
div.topcategories-Top    		 { padding: 0 0 10px 0;   } 
div.topcategories-Top ul       { margin: 0; padding: 0   }
div.topcategories-Top ul li    { margin: 0; padding: 2px 0   }

div.topcategories-Top ul li a.link,
div.topcategories-Top ul li a.link2  {   color: #cf4713; text-decoration: none; padding: 0 0 0 9px; margin: 0 0 0 10px;  font: bold 11px arial;   text-transform: uppercase;
                                        background: url(../images/illustr/fl.gif) left 3px no-repeat;  }
div.topcategories-Top ul li a.link:hover,
div.topcategories-Top ul li a.link2:hover  {  background-color: #feeebc ; text-decoration: underline; } 


img.closeOpen    { position:relative; top: 0px; left: 8px;    } 

div.brique      {  height: 12px;  background: url(../images/fond/f-ul.gif) left top no-repeat;   }


div.topcategories-Top    		   { padding: 0 0 10px 0;   } 
div.topcategories-Top ul         { margin: 0; padding: 0   }
div.topcategories-Top ul li ul   { margin: 2px 0 2px 15px; padding: 2px 0 ; border-left: 1px dashed #f68409;   }

div.topcategories-Top ul li.uncollapse a.link    {  background: none; padding: 0 0 0 0;    } 
div.topcategories-Top ul li.collapse a.link      {  background: none; padding: 0 0 0 0;   } 
  
 
 img.plusMoins    {  position:relative; top: 0px; left: 5px;   } 
 
 

/* Colonne centrale           */
div#f-actu                  {   width: 264px; height: 258px; padding: 34px 0 0 0;  margin: 0 auto;  background: url(../images/fond/f-actu.gif) left top no-repeat;  } 
div.actuAlone               { padding: 0 0 10px 0;  background: url(../images/fond/f-bot-actu.gif) left bottom no-repeat;   } 
div.actuAlone p             { margin: 0 0 0 0px; padding: 0 10px;   } 
div.actuAlone p.date        { margin: 5px 0 0 0px;  font-weight: bold; color: #917e77  } 
div.actuAlone p.titre       { margin: 0px;  font-weight: bold; color: #cf4713  } 
div.actuAlone p.desc        { color: #303030  } 
div.actuAlone p.suite       { margin: 2px 0 0 0px;  color: #303030  } 
div.actuAlone p.suite a     { color: #303030; text-decoration: underline;  } 

/*  */
div#nouveautes           { padding: 34px 0 0 0; width: 544px; margin: 9px auto 0 auto;   background: url(../images/fond/f-new.gif) left top no-repeat;   } 					 
div#nouveautesBot        { width: 544px; margin: 0 auto;  padding: 7px 0; border: 1px solid #e9e9e9;  background-color: #fff;  } 					 

table#nouveautes         {  margin: 0 auto;    } 
table#nouveautes td.one  {  padding: 7px 5px 0 5px ; width: 162px;    } 

table#nouveautes table.visu      { width: 162px; height: 122px;  padding: 0;  margin: 0 auto;   } 
table#nouveautes table.visu td   {  vertical-align: middle; text-align: center; border: 1px solid #fff } 

table#nouveautes p       	{ margin: 0; padding: 0 } 
table#nouveautes p.titre 	{ text-align: center  } 
table#nouveautes p.titre a { margin: 0px 0px 3px 0;  font-weight: bold; color: #981c1b; text-transform: uppercase; text-decoration: none;    } 
table#nouveautes p.titre a:hover { text-decoration: underline;  } 
table#nouveautes p.desc  	{ color: #981c1b; text-align: center;   } 
table#nouveautes p.prix2 	{ font: bold 16px arial; color: #fe0000; text-align: center;  }
table#nouveautes p.prix    { font: bold 16px arial; color: #fe0000; text-align: center;  } 
table#nouveautes  p.prix a   {position:relative; top: 6px; left: 0px;   }
table#nouveautes p.prix2 span.stroke {text-decoration: line-through; color: #776762; padding: 0 10px 0 0 } 

/*  Top 3  */
div#top3                    { width: 548px;  padding: 22px 0 0 0; margin: 20px auto 0 auto;   background: url(../images/fond/top3.gif) left top no-repeat;    } 
.contBGTop3                 { width: 528px;  background-color: #f9f8f7; padding: 0 8px 0 8px;   }
div#top3 table.container    { width: 528px; margin: 0 auto;    }
div#top3 table td.one		 { padding: 14px 0 0 0;    text-align: center;   }
/*div#top3 table td.one img   { border: 1px solid #9b9b9b   }*/
div#top3 table td.one p.prix a   {position:relative; top: 6px; left: 0px;   }
div#top3 table td.one p.prix img   { border: none   }

div#top3 table td.one table.visuTD           { width: 146px; height: 105px; margin: 0 auto; padding: 0;  }
div#top3 table td.one table.visuTD  td       { margin: 0; padding: 0;  width: 146px;   text-align: center; vertical-align: middle}
div#top3 table td.one table.visuTD  td  div  { margin: 0; padding: 0; text-align: center;  }


div#top3 table td.one table.visuTD  td.un 			 { background: url(../images/illustr/un.gif) left center no-repeat; padding: 0 0 0 24px;   }
div#top3 table td.one table.visuTD  td.deux  		 { background: url(../images/illustr/deux.gif) left center no-repeat;  padding: 0 0 0 24px }
div#top3 table td.one table.visuTD  td.trois 		 { background: url(../images/illustr/trois.gif) left center no-repeat; padding: 0 0 0 24px  }
div#top3 table td.one table.visuTD  td.quatre  	    { background: url(../images/illustr/quatre.gif) left center no-repeat;  padding: 0 0 0 24px }
div#top3 table td.one table.visuTD  td.cinq 		    { background: url(../images/illustr/cinq.gif) left center no-repeat; padding: 0 0 0 24px  }
div#top3 table td.one table.visuTD  td.six 		    { background: url(../images/illustr/six.gif) left center no-repeat; padding: 0 0 0 24px  }


div#top3 table td.one div.desc	p		 { padding: 0 0 0 15px;   text-align: center;   } 


div#top3 p.titre a{  margin: 0px 0px 3px 0;  font-weight: bold; color: #cf4713 ; text-decoration: none; text-transform: uppercase;   }
div#top3 p.titre a:hover{ text-decoration: underline;  } 
div#top3 p.desc   {  color: #303030   } 
div#top3 p.prix   { font: bold 16px arial;  color: #FE0000; text-align: center;  } 
div#top3 p.prix2  { font: bold 16px arial;  color: #FE0000 } 
div#top3 p.prix2 span.stroke {text-decoration: line-through; color: #776762; padding: 0 10px 0 0; font: normal 14px arial; } 




/*  */
div#promo                 { padding: 23px 0 0 0; width: 544px; margin: 22px auto 20px auto;   background: url(../images/fond/f-promo.gif) left top no-repeat;   }
div#promo .contBG         { background-color: #f9f8f7; padding: 0 0 5px 0;     }  					 
table#promoTable          { width: 524px;    margin: 0 auto;  } 
table#promoTable td.one	  { padding: 14px 0 0 0;      }
table#promoTable td       { padding: 7px 0 0 0   } 
/*table#promoTable img      { border: 1px solid #989898  } */
table#promoTable p        { margin: 0  ; padding: 0} 
table#promoTable p.visu   { float: left; width: 80px; height: 75px;  margin: 0 5px 0 0px; text-align: center;    } 
table#promoTable p.titre  a{ margin: 0px 0px;  font-weight: bold; color: #e08900; text-decoration: none; text-transform: uppercase; } 
table#promoTable p.titre  a:hover{text-decoration: underline; } 
table#promoTable p.desc   { color: #303030   } 
table#promoTable p.prix2  { font: bold 16px arial; color: #FE0000;  text-align: left } 
table#promoTable p.prix2 span.stroke {text-decoration: line-through; color: #776762; padding: 0 10px 0 0; font: normal 14px arial} 


table#promoTable table.visuTD           { margin: 0; padding: 0  }
table#promoTable table.visuTD  td       { margin: 0; padding: 0; width: 130px; height: 89px;   text-align: center;  vertical-align: middle  }
table#promoTable table.visuTD  td  div  { margin: 0; padding: 0; text-align: center;  }

table#promoTable td.one div.desc	p { padding: 0 0 0 15px;    }