/* CSS NegoAchat front   */

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

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

h1 a 		{ font: normal 18px "Trebuchet MS"; color: #528899;   position: absolute; top: 100px; left: 0px; top: 0px; width: 450px; height: 98px; display:block; text-indent: -999em ;    }
h1.entete	{ margin: 20px 0 14px 25px;  font: normal 22px verdana; color: #575757; padding: 0;display:none;   }
h2   		{ margin: 20px 0 14px 25px;  font: normal 22px verdana; color: #575757; padding: 0   }
 

 
h3 { margin: 15px 0 10px 20px;  font: normal 17px verdana; color: #880000  }
h4 { margin: 12px 0 10px 30px;  font: bold 13px verdana; color: #880000  }
h5 { margin: 12px 0 10px 20px;  font: bold 11px verdana; color: #880000  }

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

abbr    { cursor: help;  } 
input {	padding: 0 0 0 3px; font: normal 11px arial; }
textarea  {	padding:  4px; font: normal 11px arial; }

ul li {list-style: none; font: normal 11px/15px arial;  margin: 10px 15px 10px 24px;   }
ul.puced    { margin: 0 0 15px 0px; }
ul.puced li {list-style: none;  margin: 10px 15px 10px 24px; padding: 0 0 0 31px; background: url(../images/puce/puce2.gif) left 2px no-repeat;}

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

.format {padding: 0 30px; }

.links  {margin: 10px 0 0 35px; padding: 0 0 10px 0;  text-align: center;   }
.links  li {display: inline;  }

p.numVert    { margin: 10px 0 0 25px;   } 

/*					Recherche				*/

input.searchBT    {  position:relative; top: 2px; left: 0px;  } 


/*				FAQ				*/

#faq h3    {   margin-left: 14px; } 
#faq h4    { margin: 0 0 10px 0px;   }
#faq p    {  margin-left: 20px;  } 

/*               CATALOGUE                     */
div#catalogue    	 					{  background-color: #fff    } 

h2#firstH2   						   {   margin: 0px 0 0px 3px;  padding: 15px 0 0 25px; }
											    

div#catalogue table.portail     { width: 540px; margin: 0 auto;     } 
div#catalogue table.portail td  { padding: 0 0 25px 0;  text-align: center;    } 
 
table.category       	    		  { margin: 0 auto } 
table.category td              	  { vertical-align: top;  } 
table.category td div.top     	  { width: 149px; padding: 0 0 13px 0  } 
table.category td div.bot    		  { width: 149px;   background: url(../images/fond/f-td-cat-bot2.gif) left bottom no-repeat;     } 
table.category td div.top  h3	     { width: 149px; min-height: 34px;   margin: 0px 0 7px 0px; padding: 4px 0 5px 0 ;text-align: center;  background: url(../images/fond/f-td-cat-top2.gif) left top no-repeat;     }
table.category td h3 a	           { padding: 0 10px;  color: #8e0e0e; font: bold 13px arial; text-decoration: none; display: block;   }
table.category td p.iimg    		  { text-align: center;   } 
table.category td p.linkx    		  { margin: 5px 0 0 0px; text-align: center; width: 149px;    } 
table.category td p.linkx a  		  {text-decoration: none;   } 


table.category td  p.desc2         { margin: 0 9px; overflow: hidden; width: 120px; } 
table.category td  p.reference     { margin: 0 9px; text-align: center;    } 
table.category td  p.prix          { margin: 0 9px; font: bold 14px arial; color: #ec1a20; text-align: center;   } 
table.category td  .prixfo         { font: normal 11px arial;   } 
table.category td  p.desc2         { margin: 0 9px;   } 


.promo          	     { width: 538px; height: 160px; background: url(../images/fond/fTablePromo.gif) left top no-repeat;  } 
.promo .bloc			  {  float: left; width: 258px; height: 160px;  padding: 7px 5px 0 5px;   }
.promo    				  {   } 
.promo p.iimg    		  {  float: left; margin: 0 5px 0 4px; height: 160px;  } 
.promo h3              { margin: 0px 0 7px 0px; padding: 0    } 
.promo h3 a            { color: #8e0e0e; font: bold 13px arial; text-decoration: none; font-variant: small-caps; } 
.promo p.desc2         { margin: 0 5px;   } 
.promo p.reference     {  margin: 0 5px;    } 
.promo p.prix          { margin: 0 5px; color: #ec1a20; font: bold 14px arial;     } 
.promo p.desc2         { margin: 0 5px;    } 
.promo p.linkx         {   margin: 5px 0 0 0px;     }
.promo p.linkx  a      { padding: 0 0 5px 0;   border: 1px solid #fff  } 

span.prixfo           {  margin: 0 10px 0 0px;  } 


.catalogcategories .category  div.top  { min-height: 233px;   } 
.catalogproducts .category  div.top    { min-height: 233px;  }
#catalogue .category  div.top          { min-height: 233px;  } 

.promotions .category  div.top         { min-height: 243px } 
#meilleursVentes .category  div.top    { min-height: 233px;    } 
#selection .category  div.top    { min-height: 233px;  } 



/*				Detail produ ficche	      */
div#productDetail                  					 { width: 525px; background: url(../images/fond/f-detail-mid.gif) left top repeat-y   } 
div#productDetail_bot                  			 { width: 525px; padding: 0 0 7px 0;  background: url(../images/fond/f-detail-Bot.gif) left bottom no-repeat;   } 
div#productDetail  h3              					 { margin: 0 0 10px 0px; padding: 7px 0 7px 15px; 
																	width: 525px; background: url(../images/fond/f-detail-top.gif) left top no-repeat;    } 

div#productDetail  #detail_left  					 { width: 26%;  float: left; text-align: center;    } 
div#productDetail  #detail_left p					 { text-align: center ; padding: 0 15px } 
div#productDetail  #detail_right  					 {   float: left;  padding: 0 0 0 10px;   } 

div#productDetail  #detail_right   		          { width: 375px;      } 
div#productDetail  #detail_right  table td		 { padding: 3px 0;  vertical-align: top   } 
div#productDetail  #detail_right   label   		 { display: block; width: 122px; float: left;    font-weight: bold; color: #880000 } 

form.formuDetail   										 {  padding: 10px; margin: 7px 10px 0px 0px;
																	 border-top: 1px solid #fbecec;
																	 border-left: 1px solid #fbecec;
																	 border-bottom: 1px solid #e9bebe;
																	 border-right: 1px solid #e9bebe   } 

form.formuDetail     label   		                { margin: 0 10px 0 0px;   font-weight: bold; color: #880000 } 
form.formuDetail     input.ch   		             { width: 30px;  margin: 0 5px 0 0px;   border: 1px solid #e99ea3; color: #4e4a4b } 


/*		           	Order Basket 				*/

p.suividAchat       						 {  text-align :right; margin-right: 15px  } 
p.suividAchat img  						 {  margin: 0 6px;  } 

.caddie table   							 {  border-collapse: collapse;  } 

.caddie table             			    { border-collapse: collapse;  } 
.caddie table  thead       			 { text-align: center; height: 20px; background-color: #880000; color: #ffffff; border: 1px solid #e99ea3 } 
.caddie table  td          			 { padding: 3px 4px;  } 
.caddie table  td.bordered           { border: 1px solid #e99ea3  } 


dl.listeADR     { float: left; margin: 15px 0 10px 110px;    }  
dl.listeADR2    { float: left; margin: 15px 0 10px 50px;   }  


/*			Promotions					*/
#promo              			 {   } 
#promo  table        		 {   } 
#promo  table td    			 { width: 171px; height: 160px; background: url(../images/fond/f-td-promo.gif) left top no-repeat;   } 
#promo  table td .title     { color: #880000 } 
#promo  table td .prix      { font: bold 14px arial;  color: #ec1a20 }
#promo  table td img        { border: 1px solid #bdbdbd}

						  
/*                       CONTENEURS GENERAUX                     */	
#main 								{  position: relative; margin: 0 auto; width: 969px; text-align:left;   background-color: #fff  }
#intro 								{  width: 969px;  height: 139px; background: url(../images/fond/header3.gif) left top no-repeat;   }
#content          				{ margin: 0; padding:0  }

div#colonne_gauche 				{  float: left; width: 190px;  padding: 5px 5px 0px 0;                    }
div#colonne_droite 				{  float: right;  width: 536px; min-height: 600px;  margin: 0 ; padding: 0px 5px 20px 92px; background: url(../images/fond/centraleDachat.gif) left 214px no-repeat;   }
div#pub   							{  float: right; width: 133px;  text-align: center; padding: 20px 0 0 0;  } 


/*     LOGIN / LOGGED        */
div#menu-login              { width: 187px; height: 168px; padding: 48px 0 0 0;  background: url(../images/fond/f-login.gif) left top no-repeat;  color: white;   }
div#menu-login  p.border    { margin: 0 13px;  padding: 0 0 0px 0;  border-bottom: 1px solid #ad4f4f; }
div#menu-login  p           { margin: 0 13px;  padding: 0 0 0px 0;   }

 
div#menu-login input    { margin: 5px 0 3px 0px; background-color: #fff ; color: #4e4a4b  }
div#menu-login label    { font-weight: bold; }
#connexion              { margin: 0 0 10px 0px; color: red; background-color: #fff; font-weight: bold;   }
div#menu-login a        { color: white } 

input.ch { }

div#menu-logged { }
div#menu-logged p.lien2 { }
div#menu-logged p#bonjour{ }
div#menu-logged a.deconnect { }

p#bonjour       {} 
p#bonjour span  { font-weight: bold; } 


/*		recherche		*/
#recherche       { width: 143px; padding: 36px 0 0 0;   background: url(../images/fond/f-search.gif) left top no-repeat; } 
#recherche p     { margin: 0 0 0 12px; padding: 0 0 0 0; } 
#recherche input { width: 125px; height: 18px;  border: 1px solid #e99ea3; color: #4e4a4b } 
#recherche label { display: none; }
#recherche input#valider { position:relative; top: -15px; left: 133px;   } 


/*      Nletter			*/
#nLetter      					  { width: 186px; height: 38px; padding: 18px 0 0 0; margin: 15px 0 25px 0px;   background: url(../images/fond/f-nletter.gif) left top no-repeat; } 
#nLetter h3   					  { display: none;  } 
#nLetter input 				  { border: none; width: 127px; margin: 0 0 0 10px;   } 
#nLetter input.validNletter  { width: auto;  border: none; margin: 0 ; position:relative; top: 8px; left: 0px; }

.tagscloud  {padding-left:4px;}
 

/*	        panier      */
div#panier    { margin: 10px 0 0 0px; } 
div#panier p  { margin: 0 0 0 0px; padding: 0 0 0 0;   } 
div#panier p a{ display: block;  width: 185px; height: 29px; background: url(../images/fond/f-panier.gif) left top no-repeat; text-indent: -5000px;  } 


/*                 actualite               */
div#actualite     					{ width: 187px; padding: 25px 0 0 0; margin: 0px 0 0 0px;   background: url(../images/fond/actuTop.gif) left top no-repeat;    }
div#actualite_bot      			  	{ width: 187px; padding: 0 0 12px 0;   background: url(../images/fond/actuBot.gif) left bottom no-repeat;  }

div#actualite h3  		 			{ display: none;    }
div#actualite div.oneActu 		   { background-color: #b7b7b7; margin: 6px 0 0 9px; padding: 3px 5px 2px 5px;   }
div#actualite div.oneActu 	p	   { margin: 0 0 2px 0px; padding: 0 0 0 0;   }

div#actualite p.date     			{ font-weight: bold; color: #880000 }
div#actualite p.title a 			{ color: #000; text-decoration: none;  }
div#actualite p.title a:hover 	 { color: #880000; text-decoration: none;  }

/*		*/
.blocArticles h3       {  margin: -5px 19px 5px 5px;  padding: 0 0 0 0;   }
.blocArticles h3 a    {  margin: 0 19px 0 0px;  padding: 0 0 0 0; font: bold 14px arial; text-decoration: none;  }
.blocArticles p       {  margin: 0 19px 0 0px;  padding: 0 0 0 0;   } 
.blocArticles p.date  {  float: right; margin: 0 24px 0 0px; color: #818282 } 

.format p.date    {  text-align: center; color: #818282; font-weight: bold; float: right;  border: 1px solid #d5d5d5;
							padding: 4px; margin: 4px 4px 2px 14px} 

.actu p  {  text-align: justify; } 


p.savoir1    {  margin: 2px 0 0 9px;   } 
p.savoir2    {  margin: 6px 10px 7px 9px; text-align :right;   } 
p.aucun      { text-align: center;   } 

/*                      FOOTER        					   */
			
#outro 				{  width: 969px; height: 65px; background: #989898  url(../images/fond/footer.gif) left top repeat-x ;  clear: both }

#outro p 			{  color: white; text-align: center;  padding: 21px 0 0 0   }
#outro p a			{ color:  white; text-decoration: none; }
#outro p a:hover  { text-decoration: underline; }

#menuFoot    		{  height: 20px; position:relative; top: 14px; left: 0px; padding: 0px 0 0 0px;   margin: 0 auto;   text-align: center;  }
#menuFoot li 		{  display: inline;  margin: 0px; padding: 0;   }
.raccourcis li 		{  display: inline;  margin: 0px; padding: 0;   }
			  
#menuFoot li a             {  text-decoration: none; padding: 0 6px;   margin: 0px;    text-align: center;  color: #fff;  } 
#menuFoot li a:hover       {  text-decoration: underline }

p.paraOutro    {  text-align: left; margin: 0 0 0 10px;  } 

 
/*                PAGE MENTIONS            */

.adr   {  margin: 20px 0 15px 145px; }
.adr2  { margin: 20px 0 15px 45px; }

.adr, .adr2  { float: left; min-height: 155px;   padding: 0; width: 213px; 
               background: url(../images/fond/adr-Bot.gif) left bottom no-repeat; }
					
.adr-Bot, .adr2-Bot { background: url(../images/fond/adr.gif) left top no-repeat; padding: 10px 0 0 0; }

.conformemement{font: normal 10px arial; }


/*                        General styles                   */	


.lbleft { float: left; width: 140px; }
.input  {  border: 1px solid black; }
.bordered {border: 1px solid #e99ea3  }
.noborder {border:none }
.clear {clear:both; display: none;  }
.kill {display: none;}
.fleft {float: left}
.fright {float: right; }
.center {text-align: center; }
.clear {clear:both; visibility: hidden }

.noborder {border: none}

.bita{text-align: center; font: bold italic 12px arial ;  margin: 15px auto 10px auto;  color: #880000}


.center {text-align: center}
.left {text-align: left; }
.right {text-align: right; }

.full     			 { width: 90%; position:relative; top: 0px; left: 0px; margin: 0 auto; border-collapse: collapse;  }
.full td   			 { padding:2px 3px   }
.full th   			 { padding:2px 3px ; text-align: center;  background-color: #880000; border: 1px solid #e99ea3   }
.full .bordered    {  border: 1px solid #e99ea3 } 

.full2     			 { width: 90%; position:relative; top: 0px; left: 0px; margin: 15px auto 0 auto ; border-collapse: collapse;  }
.full2 caption   	 { text-align: left; margin: 0 0 5px 30px;  }
.full2 td   		 { padding:2px 3px;  border: 1px solid #e99ea3 }
.full2 th   		 { padding:2px 3px ; text-align: center;  background-color: #880000; border: 1px solid #e99ea3 ; color: #ffffff;   }
 
.button {text-align: center; margin: 10px 0 0 0px; clear: both; }
.button input{border: none }


/*             CONTACT         */

#contactformProfile    { position:relative; top: 0px; left: 15px;   } 
#formuMid    { width: 504px; margin: 0px auto 16px auto; background: url(../images/fond/formuMid.gif) left top repeat-y   } 
#formuBot    { width: 504px; background: url(../images/fond/formuBot.gif) left bottom no-repeat } 
#formuTop    { width: 504px;  padding: 14px 10px;  background: url(../images/fond/formuTop.gif) left top no-repeat;  }

ul.listecontact    { margin:  15px 0px 10px 0; padding: 0 0 0 0; }
ul.listecontact li { float: left;  margin: 0 5px 15px 5px; padding: 4px; border: 1px dotted #528899; }

form.contactform {  }					
	
form.formatform        {  width: 90%; margin: 0 auto;   }	
form#formatform2 label {  width: 280px; font: normal 11px verdana; }	

form.contactform p      							 {    }		
form.contactform input 								 {  border: 1px solid #e99ea3; padding: 0 0 0 2px; background-color: #fdfbfb}
form.contactform label, form.formatform label { width: 248px; font: normal 11px verdana; text-align :right; margin: 0 8px 0 0px;   }
form.contactform textarea 							 { width: 470px; margin: 6px auto 0 auto;  border: 1px solid #e99ea3; display: block; background-color: #fdfbfb;
																position:relative; top: 0px; left: -10px; }

.conformement {margin: 0 auto; font: normal 10px arial; width: 85%;  }

select                { font: normal 11px arial;  } 
select#civility, select#civilite, select#qual, select#pays, select#matiere, select#coul, select#moyen, select#fournisseur, select#pays { border: 1px solid #528899}

 
textarea.comment1                { width: 450px; height: 100px;   border: 1px solid #e99ea3 } 
textarea.comment2                { width: 450px; height: 100px;   border: 1px solid #e99ea3} 
textarea.comment3                { width: 450px; height: 100px;   border: 1px solid #e99ea3 } 

form.contactform fieldset {   }			
form.contactform fieldset legend, form.formatform fieldset legend{ margin: 20px 0 -5px 0px;  font: normal 18px "Trebuchet MS"; color: #880000;   }
form.contactform fieldset p{ margin: 5px 0 8px 0 }

form.formatform fieldset                  {  width: 50%; margin: 0 auto;    }	
form.formatform input  {  border: 1px solid #528899; padding: 0 0 0 2px; }			
form.formatform fieldset input#envoyerbut  { position:relative; top: 4px; left: 0px; }	

a.question_boule {  cursor: help; width: 19px; height: 20px; margin: 0 0 0 5px; 
                    position:relative; top: 4px; left: 0px;  }

						  
.centerbut                {text-align: center; margin: 13px 0 5px 0px;   }						  
#content .centerbut input { border:none  }
.raccourcis {display:none}	

input#search ,input.search, .search, #search, .ok { 
margin: 0 10px 0 10px; 
padding: 0 4px 0 8px!important ;
 padding: 0 0 0 4px;
color: #528899; font-weight: bold; 
border-top: 1px solid #528899; 
border-left: 1px solid #528899; 
border-right: 1px solid #528899; 
border-bottom: 1px solid #528899; 
background-color: #fff;
cursor: pointer; }


ul.listeNletter    {  position:relative; top: 0px; left: 231px;  } 
input.validForget   { position:relative; top: 3px; left: 0px;   } 


/*                 Messages d erreurs                    */

.denied {color: red; font: normal 12px arial; margin: 10px 20px 20px 30px;   }

.denied ul li , ul.denied li, ul .mesasge li{
padding: 0 25px 0 17px; 
background: url(../images/puce/pucerouge.gif) left 2px no-repeat; 
margin: 0 0 3px 0px; }


/*         NUAGE DE TAGS         */
.x-small {color:#979797;}
.small {color:#908C8C;}
.medium {color:#6D6869;}
.large {color:#474747;font-weight:bold;}
.x-large {color:#880000;}