/* CSS Terre de Champagne HOME  */


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


body { font-family: arial, Verdana, Helvetica, Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, sans-serif; 
        padding: 0; font-size: 11px; text-align: center; color: #000; background: #ebd17a url(../imageschampagne/fond/f-body.jpg) center top no-repeat;  }


p#accroche    { width: 735px; text-align: center; color: #ffffff; margin: 0 auto;    }  
		  
a#home  {  position: absolute; top: 100px; left: 0px; top: 7px; width: 200px; height: 45px; display:block; text-indent: -999em; overflow: hidden     }
a#accueil  {  position: absolute; top: 100px; right: 0px; top: 0px; width: 380px; height: 53px; display:block; text-indent: -999em; overflow: hidden;       }


#creer {color: #000000; font-weight:bold;}




h2   {  margin: 5px 0 20px 20px;  font: normal 18px "Trebuchet MS"; color: #630001;  background: url(../imageschampagne/fond/f-h2.jpg) left 3px no-repeat; padding: 0 0 0 15px;   }
 
h3   {  margin: 15px 0 10px 20px;  font: normal 18px "Trebuchet MS"; color: #806b3c  }
h4   {  margin: 15px 0 10px 20px;  font: normal 17px "Trebuchet MS"; color: #806b3c  }
h5   {  margin: 15px 0 10px 20px;  font: normal 16px "Trebuchet MS"; color: #806b3c  }


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


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 li {  list-style: none;  margin: 10px 15px 10px 24px; padding: 0 0 0 13px; background: url(../imageschampagne/puce/puce.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; }
 




/*     Page Home					*/


div#HomeTables                 				  { position:relative; top: 0px; left: 0px; margin: 0px auto 0 auto; width: 735px;   } 
table.homeTable                				  { width: 735px; height: 454px;  background: url(../imageschampagne/fond/f-hometable.gif) left bottom no-repeat; } 
table.homeTable td#header     				  { width: 735px; height: 58px; background: url(../imageschampagne/fond/header.gif) left top no-repeat;    }
 
table.homeTable td.case1      				  { width: 159px;  position:relative; top: 0px; left: 0px; 
														 	  background: url(../imageschampagne/fond/bg-case111.gif) left top no-repeat;  }
 
	 #conteneurMenu  										{ height: 251px;    } 
	 


table.homeTable td.case1 ul      			  { width: 130px; margin: 2px 0 0 5px; padding: 0;  }


table.homeTable td.case1 ul a     			  {  }


table.homeTable td.case1 ul li.arrow   	  { width: 129px; padding: 0 0 0 12px; background: #d6b866 url(../imageschampagne/puce/fleche.gif) left 3px no-repeat }



table.homeTable td.case1 ul li    			  { width: 138px;  margin: 0 0px 3px 5px; padding: 0 0 0 3px; background-color: #d6b866;     }	


html*table.homeTable td.case1 ul li   {
															[color:red;  
															border: 1px solid #D6B866; 
															]  
															border: none;
															_border: none
															} 	
															
															
table.homeTable td.case1 ul li a   			  { color: #00260e; text-decoration: none; font: normal 11px arial }														
table.homeTable td.case1 ul li ul   		  { width: 120px;  margin: 0 0 0 10px; padding: 0 }
table.homeTable td.case1 ul li ul li		  { width: 100px;  margin: 0 0 0 0px; padding: 0 }
table.homeTable td.case1 ul li ul li a  	  { color: #fff }


table.homeTable td.case1 #compteperso form p.linkX    { margin: 0 0 0 6px  }
table.homeTable td.case1 a#creer        	            { color: #000; text-decoration: none;  }
 




#motClefsSearch                { margin: 0 0 0 10px;    } 
#motClefsSearch  p             { margin: 0 0 0 0px;  } 
#motClefsSearch input          { width: 110px; border: 1px solid #d0b265  } 
#motClefsSearch input#okSearch { position:relative; top: 3px; left: 0px;   } 


 
  
#compteperso p.linkX                 { margin: 0 0 0 6px;  } 
#compteperso p.linkX a               { color: #000; text-decoration: none;   } 
							
							#blocLoginPannierConseil     {  margin: 0 0 0 6px;   }

							
							html*#blocLoginPannierConseil  {
															[color:red;  
															margin: -10px 0 0 5px;  
															]  
															margin: 0 0 0 6px;
															_margin: 0 0 0 6px;

															} 	
															
															
															
															
							#compteperso form  		     { width: 147px; height: 107px; position:relative; top: 0px; left: 0px; 
																	 background : #b0b24c url(../imageschampagne/fond/comptepersoForm.gif) left top no-repeat;   }
							html*#compteperso form {
															[color:red;
															padding: 0 0 10px 0;  
															color: #fff; 
															]padding: 0 ;
															_padding: 0 ; 
															_color: #fff; 
															} 										 
																	 
							#compteperso form  	p	     { margin: 0 0 0 0px; padding: 0  }
							#compteperso form h3	        { margin: 0 0 2px 0px; padding: 0 ; color: #ffffff; font: bold 12px arial;  }													
							#compteperso form label      { visibility: hidden }
							 
#compteperso form input.ch1       { margin: 4px 0 0 6px; color: #ffffff;  
							               background: url(../imageschampagne/fond/bg-input.gif) left top no-repeat;  }		
html*#compteperso form input.ch1  {
															[color:red;
															 margin: -5px 0 0 6px;   
															]_margin: 4px 0 0 6px; 
															margin: 4px 0 0 6px;
															_color: #000; 
															}	
															
#compteperso form input.ch2 { margin: -1px 0 0 6px; color: #ffffff; 
							             background: url(../imageschampagne/fond/bg-input.gif) left top no-repeat;  }				
 html*#compteperso form input.ch2  {
															[color:red;   
															  margin: -6px 0 0 6px;
															  position:relative; top: -5px; left: 0px; 
																width: 110px;
															]  position:relative; top: 0px; left: 0px; 
															  _position:relative; top: 0px; left: 0px; 
															_color: #000; 
															}


									
							#compteperso p.validForm    { position: absolute; top: 62px; left: 116px;  }
							
							#votrePanier                { width: 145px; height: 16px; padding: 18px 0 0 0;   background: url(../imageschampagne/fond/votrePanier.gif) left top no-repeat; border: 1px solid #798519 } 
				#content #votrePanier h3             { color: #ffffff; font: bold 12px arial; margin: 0; padding: 0 0 0 4px  } 
							#votrePanier p              { color: #ffffff; font-weight: bold; padding: 0px 0 0px 4px;  }
							#votrePanier p a            { color: #ffffff; font-weight: normal; text-decoration: none;  } 
							#votrePanier p span         { color: #ffad01 }


table.homeTable td.case2    		    				 { width: 306px; height: 394px;     }
table.homeTable td.case2 div.passion		    	 { width: 306px; height: 154px; background: url(../imageschampagne/illustr/passion.gif) left top no-repeat;  }
table.homeTable td.case2 p   		    				 { text-indent: -5000px;  }
table.homeTable td.case2  div.boire   				 { width: 306px; height: 243px;  }


													
table.homeTable td.case2 p     						 { font: normal 12px arial; color: #ffffff; padding: 8px 0 0 0;   }		
table.homeTable td.case2 p span     				 { font: normal 19px arial; color: #ffffff;  }											
								
#blocIMG    				 								 { padding: 9px 0 0px 0; }
							
 html*table.homeTable td.case3 #blocIMG    				 { [color:red;
 																			 margin: 2px 0 4px 0px; 
																			]
																			padding: 0 ; 
																			_margin: 13px 0 1px 0px;
																			_padding: 0 ;   } 



																							
table.homeTable td.case3          					 {  padding: 10px 0 0 0; background: url(../imageschampagne/fond/f-case3.gif) left top no-repeat;   }
 
															
table.homeTable td.case3 #conseils    		       {    }
table.homeTable td.case3 img#mappedOne    		 {  margin: 4px 0 0 0px; position:relative; top: -2px; left: 0px;   }
 html*table.homeTable td.case3 img#mappedOne  {
															[color:red;   
															 margin: 0px 0 0 0px; 
															 position:relative; top: 0px; left: 0px;   
															]  margin: 4px 0 0 0px;   
															   _margin: 6px 0 0 0px;   
															_color: #000; 
															}
															
table.homeTable td.case3  #conseils  			    {  margin: 0 0 9px 0px;    } 
															
table.homeTable td.case3 p.wisky 					 { text-indent: -5000px; margin: 0; padding: 0;   }
table.homeTable td.case3 p.wisky a  				 { width: 90px; height: 28px;  position: absolute; top: 370px; left: 520px;  }  




table.homeTable td.case4    		    			 	 { width: 98px; height: 394px; padding: 14px 0 0 0;   background: url(../imageschampagne/fond/f-cigare.gif) right top no-repeat;  }
table.homeTable td.case4    object    			 	 { position:relative; top: 26px; left: 0px;  }


table.homeTable td.case4 ul         				 { position: absolute; top: 72px; right: 10px;  } /*   Drapeaux   */
table.homeTable td.case4 ul li      				 { float: left; margin: 0 0 0 5px;   }
	
table.homeTable td.case4 img.cigare  		   	 { position:relative; top: 26px; left: 0px;     }	
table.homeTable td.case4 img.bouteille		   	 { /*position:relative; top: 34px; left: 0px;  */ position:relative; top: 31px; left: 0px;     }	
												
																								
/* 				table 2  			*/																							
table.homeTable2              						 { height: 309px;   position: relative; top: 0px; left: 0px; background: url(../imageschampagne/fond/f-hometable2.jpg) left top no-repeat; } 
table.homeTable2 td.bottle1     						 {   width: 465px; height: 127px; background: url(../imageschampagne/fond/bot tle1.gif) left top no-repeat;
																	  } 


table.homeTable2 td.bottle1  div.firstBlock      { float: left; width: 290px; padding: 13px 0 0 15px ; position:relative; top: 0px; left: 0px;   }
div.firstBlock {height:112px;} 
#content table.homeTable2 td.bottle1  h4 	       {   margin: 0; padding: 0; text-align :right;   }
#content table.homeTable2 td.bottle1  h4 a	    { font: bold 12px arial; color: #040201; text-decoration: none;    } 
table.homeTable2 td.bottle1  p   					 { margin: 0; padding: 0; text-align :right;   }


table.homeTable2 td.bottle1  div.firstBlock p.infos  { text-align :right;   }  


table.homeTable2 td.bottle1  p img  				 { float: left; margin: 0 5px 0 0px;  } 


table.homeTable2 td.bottle1 p.prixMenbre			 { text-align :right; margin: 0 3px 0 0px;  }
table.homeTable2 td.bottle1 p.prixMenbre	span   { font-weight: bold;   }
table.homeTable2 td.bottle1 p.prix 					 { font: bold italic 16px arial;  
																	text-align :right;  
																	position: absolute; bottom: 14px; right: 7px; 	 }


table.homeTable2 td.bottle1 div.secondBlock		  { width: 137px; height: 100px;   float: left; text-align :right; padding: 13px 0 0 12px ;  }
table.homeTable2 td.bottle1 div.secondBlock	h4  a{ font: bold italic 12px arial; text-decoration: none;  } 
table.homeTable2 td.bottle1 div.secondBlock	p    { text-align :right;  } 
table.homeTable2 td.bottle1 div.secondBlock p.prixMenbre	   { text-align :right;  margin: 0 0px 0 0px;   }
table.homeTable2 td.bottle1  p.prix2					 { text-align :right; font: bold italic 13px arial; margin: 0 0px 0 0px;    }


table.homeTable2 td.bottle2							   { width: 172px; height: 127px; background: url(../imageschampagne/fond/f -islOfJura.gif) left top no-repeat;  }
table.homeTable2 td.bottle2	object					{ position:relative; top: 4px; left: 0px;  }
/*table.homeTable2 td.bottle2 img	             	   { margin: 6px 0 0 0px;   }*/
 
table.homeTable2 td.japon 								   { width: 98px; background: url(../imageschampagne/fond/f -japon.gif) right top no-repeat; margin: 0; padding: 0  } 
table.homeTable2 td.japon 	object					   {  position:relative; top: 4px; left: 0px; } 
table.homeTable2 td.japon img								{ margin: 5px 0 0 2px;   } 
 




/* 				table 3 			 */ 
table.homeTable3              						    { position: relative; top: 0px; left: 0px;     } 


td.cases33  				             { width: 465px;  background: url(../imageschampagne/fond/ 3cases.gif) left -5px no-repeat  } 
td.cases33 table td                 { width: 145px; vertical-align: top; padding: 0 6px 0 7px;    } 
td.cases33 table td img             { float: left; margin: 4px 4px 0 0px;    } 
td.cases33 table td p               { text-align :right;     } 
td.cases33 table td p.prix2         { text-align :right; font: bold italic 13px arial; margin: 0 3px 0 0px;      } 
td.cases33 table td h4              { text-align :right;     margin: 2px 4px 2px 0px;  font: bold 12px arial;     } 
td.cases33 table td h4 a            { font: bold 12px arial;  text-decoration: none;   color: #040201;      } 


  
#curiosite              								 { width: 172px; height: 215px;  background: url(../imageschampagne/fond/f-carted umonde.gif) left -5px no-repeat} 


/*
#curiosite img      										 { margin: 0px 0 0 0; padding: 0;
																	position:relative; top: -5px; left: 0px;  } 
																	
 html*#curiosite img  {
															[color:red;   
															margin: 3px 0 0 0; padding: 0;  
															]  margin: 0px 0 0 0; padding: 0;   
															   _margin: 0px 0 0 0; padding: 0; 
															_color: #000; 
															}
															
																			/*													
 
table.homeTable3 .golf						  	       { width: 98px; height: 221px;  background: url(../imageschampagne/fond/f-golf.gif) left -5px no-repeat;  } 
table.homeTable3 .golf	p				  	          { position:relative; top: 1px; left: 2px;  } 


 




 
/*      LOGIN / LOGGED        */


div#menu-logged				 { width: 143px; margin: 0 ;   background-color: #b3b952; padding: 0 0 0 4px;  }
div#menu-logged ul li		 { margin: 0 0 0 0px;  padding: 0 0 0 4px;  }


p#bonjour                     { margin: 0; padding: 0; color: #ffffff;  } 
p#bonjour span                { font-weight: bold;  } 


table.homeTable  div#menu-logged ul  			    {  margin: 0 0 0 0px; padding: 0 0 0 0;   }
table.homeTable  div#menu-logged ul li 			 { background: none;  margin: 0 ; padding: 0  }


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


						  


/*                       CONTENEURS GENERAUX                     */	


#main {  position: relative; margin: 0 auto; width: 1000px; text-align:left;  
			background: url(../imageschampagne/fond/spread.jpg) left top repeat-y;  }


#intro {     }


#menu-top {  }


#content { margin: 0; padding:0;   overflow: auto;    }
 


/*                      FOOTER           */
			
#outro				 {  width:957px; margin: 0 0 20px 0px;    background: url(../imageschampagne/fond/footer.jpg) no-repeat ; clear: both;   }


#outro p 		 {  color: #00260e; text-align: center; padding: 16px 0 0 0   }
#outro p.line 		 {  color: #00260e; text-align: center; text-transform: uppercase;   padding: 16px 0 0 0   }
#outro p.line2     {  color: #309000; text-align: center; text-transform: uppercase;   padding: 16px 0 0 0   }
#outro p.logo 		 {  color: #575757; text-align: center;    padding: 16px 0 0 0   }
#outro p.logo img	 {  margin: 0 4px;  }


#outro p a			 { color: #00260e; text-decoration: none; }
#outro p a:hover   {text-decoration: underline; }


  


/*                        General styles                   */	




.lbleft { float: left; width: 140px; }
.input  {   border: 1px solid black; }
.bordered {border: 1px solid black; }
.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: #8cafca;}




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


.full { width: 100%}


.button { text-align: center; margin: 10px 0 0 0px; clear: both; }
.button input{ border: none }






/*                 Messages d erreurs                    */


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


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