/* CSS   Piscines PRINT            */

* {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; margin: 0 0 0 0px; font-size: 11px; text-align: center;  background-color:#fff  }

h1 a {position: absolute; top: 20px; left: 0px; top: 0px; width: 300px; height: 135px; display:block; 
		font: normal 23px "Trebuchet MS"; color: #3f7ca9; text-decoration: none;  }

h2 {margin: 5px 0 15px 15px;  font: normal 18px "Trebuchet MS"; color: #630001; width: 500px; height: 45px;  
 padding: 0 0 0 45px; width: 495px;  background: url(../images/fond/bg-path.jpg) left top no-repeat;   }
 
h3 { margin: 15px 0 10px 20px;  font: normal 18px "Trebuchet MS"; color: #3f7ca9;   }
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;  }

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/puce.gif) left 2px no-repeat;}
 
ul.radio{ margin: 0 0 0 130px;  }
ul.radio li{display: inline; }
ul.radio li label{color:#525252; font-weight: bold; margin: 0 0 0 5px;  }

a{ color:#106160; text-decoration: underline; } 
a img {border: none; text-decoration: none; }

b{color: #525252}



/*                     ACHAT             */


p.suividAchat { text-align :right; padding: 0 20px 0 0; }


div.caddie { border: 1px solid #40a3a1}

div.caddie table{ width: 100%; margin: 0 5px; padding: 0 5px;  border-collapse: collapse;    }

div.caddie table thead{ 
								background-color: #749abf; text-align: center; color: #fff; height: 30px; 
								background: url(../images/fond/bg-thead.jpg) left top repeat-x; 
								border:1px solid #749abf;
								}

div.caddie table td{ padding:  2px; position:relative; top: 0px; left: 0px;   }

div.caddie table td.ligne{  padding: 2px 2px 4px 3px ;  background: url(../images/illustr/bg_td_left.jpg) left bottom no-repeat; }
div.caddie table td.ligneR{  padding: 2px 2px 4px 3px ; background: url(../images/illustr/bg_td_right.jpg) right bottom no-repeat;  }

						
div.formatpannier p{ width: 530px; margin: 0 0 0 0px; padding: 0 0 0 0 }

div.formatpannier form p{  width: auto;  }

div.formatpannier fieldset{ display: none;  }


/*               Category       TABLO              */

#cata   {      }/*     Categories  */
#cata td{ height: 280px; } 

  p.path { margin: 15px 0px 0px 20px; color: #686767; font: bold 12px arial; 
           }
  
	p.path a{ color: #686767; font: bold 12px arial; text-decoration: none;   }
	p.path span{ position:relative; top: 14px; left: 0px;  }
	
	p.desc1 { margin: 10px 0; padding: 0; width: 540px  }
	
	/*         Produits      */
	
	.catalogcategories {  background: url(../images/fond/bg-tablo2.gif) left top repeat-y     }
	.catalogproducts {  background: url(../images/fond/bg-tablo1.gif) left top repeat-y     }
	
	table.category {width: 100%; margin: 10px auto 0 auto ;   }
	
	td.top { vertical-align: top;
	         width: 112px; height: 300px;    }
	
	td.top h3 { 
	             background-color: #eeeeee; border: 1px solid #dddddd; 
					 width: 110px; height: 42px;  text-align: center; 
					 margin: 0 auto  5px auto ;    
					 }
					 
	td.top h3 a{color:#686767; text-decoration: none; font: bold 11px arial; display: block; width: 106px; margin: 0 auto}
	td.top h3 a:hover{color:#4c4b4b;  }
	
	p.iimg{    background: url(../images/fond/bg-td.gif) center top no-repeat; width: 112px; height: 112px; 
	           text-align: center; margin: 0 auto; padding:  0 }
			  
	p.iimg img{   position:relative; top: 15px; left: 0px; }		  
	
	p.desc2 { padding: 0 5px 0 10px; font: normal 10px arial;   }
	p.prize {margin: 5px 0 2px 15px; padding: 0; width: 110px; color :#c40c0c; font: bold 12px arial; }
	.linkx  {margin: 0 0 0 15px; padding:  0; width: 110px;}
	
	

/*         FICHE DETAIL    */
	                              /*         Left   */
	#detail_left { float: left; width: 135px; margin: 15px 0 0 10px   }
	
	#detail_left h3 {  background-color: #eeeeee; border: 1px solid #dddddd; 
					       width: 110px; height: 32px;  text-align: center; 
					       margin: 0 auto  0 auto ;   
							 color:#686767; text-decoration: none; font: bold 11px arial; display: block; width: 106px; margin: 0 auto  }
							 
	 
	 p.iimgProd { background: url(../images/fond/bg-td.gif) center top no-repeat; width: 112px; height: 112px; 
	              text-align: center; margin: 10px auto 0 auto; padding:  0}
				  
	 p.iimgProd img{   position:relative; top: 15px; left: 0px; }		  
	
	p.prix {color: #686767; font: bold 12px arial; padding: 0 0 0 20px   }
	p.prix span {color: #c40c0c}
	
	p.buttonZ{color: #c40c0c; padding: 0 0 0 18px; }
	p.buttonZ a{margin: 0 3px; }
	
	
 															/*        Right   */														
	#detail_right { float: left; width: 403px; margin: 15px 0 0 10px; padding: 0  }
	#detail_right p{  line-height: 17px }
	span.titleSection { float: left; display: block; width: 110px; color: #686767; font: bold 12px arial;  }														
															
								


															
/*                     Pages internes                             */

.format {padding: 0 15px 0 15px; text-align: left; height:100px; overflow:auto;}
.format p{   margin: 10px 0 10px 0px; padding: 0 5px;   width: 530px;   }

.format h2{ width: 400px; border: 1px solid red;  }

p {font: normal 11px/15px arial;  margin:10px 0px; padding: 0 0 0 0;  text-align:left; color: #525252 }


.format fieldset{ border: 1px solid #737373; padding: 10px }
.format input{  border: 1px solid #cfcfcf; }


form.alignForm{ margin: 0 auto; width: 355px;  margin: 0 0 15px 0px;  }
form#search label, form#search input {margin: 0 5px 0 0px; }
table#searchTD td{height: 230px;}


/*              Recherche produits CATALOGUE               */

.full{     width: 100%; padding: 0 10px 0 0; border: 1px solid red;  }
 

/*           Conteneurs generaux      */

#header {height: 179px; width: 1024px; background: url(../images/fond/header.jpg) left top no-repeat;  }
#main{position: relative; margin: 0 auto; width: 1024px;background: url(../images/fond/spread.jpg) left top repeat-y; }

#tablo_principal{ width: 1024px; }
#content { }
#gauche { text-align: left;    }
#droite {}


td#col-left{ vertical-align: top; width: 0px;    }
td#col-right{ vertical-align: top;  width: 0px;    }
td#centre{ vertical-align: top ; width: 85%; text-align: left; padding: 10px 0 0 0;      }


/*        Compte perso             */

#compteperso { display: none;  }

#menu-login {  display: none;   }


/*            Partie  Droite            */

#panier{ display: none;  }

#nletter{ display: none;  }

#rechercher         {display: none;  }

input.ch{border: 1px solid #cfcfcf; width: 147px; height: 19px; margin: 0 0 7px 0px; padding: 4px 0 0 4px; color: #737373  }

				
#paiement{ display: none;    }



/*                 MENU GAUCHE     1 Catalogue dynamique      */
	
	#fondMenu_1_2 {  }
	
	#menu-left        {display: none;    } 
             
						  

/*                 FOIRE AUX QUESTIONS     */
	
	#foire-Mid{ display: none; }
	 
	
							
	h3#foire {display: none;  }
	#menu-left3         { display: none;    } 
	 
	
	
/*                 PUB      */
	
	.advert468 {display: none;  }
	.advert125	{display: none;   }
   


/*                      FOOTER           */
#outro { display: none;     }

 
 
/*                PAGE MENTIONS            */

.adr{ float: left;   
padding: 20px 0px 0 0;  height: 163px; background: url(../images/fond/bg-adr.jpg) right top no-repeat;  
margin: 20px 0 15px 15px; width: 210px; }

.adr2 {float: right; height: 163px;  background: url(../images/fond/bg-adr2.jpg) right top no-repeat; 
padding: 20px 0px 0 0; width: 210px; 
margin: 20px 35px 15px 5px ;}

.conforme{font: normal 10px arial; }



/*                             H O M E                                       */

#home {padding: 0 0 0 15px; text-align: left;  }

#promotions {background: url(../images/fond/promo.jpg) left top no-repeat; width: 543px; height: 149px; margin: 6px 0 0 0px; border: 1px solid #fff;  }
#promotions h2{display: none; }

#promotions h3{ margin: 20px 0 0 120px; width: 180px; color: #c40c0c; font: bold 12px arial;     }
#promotions p{ color: #525252 ; width: 300px;  }
#promotions p img {float: left; margin: 0 15px 0 0px; position:relative; top: -7px; left: 3px;  }

#nouveautes{background: url(../images/fond/f-nouveautes.jpg) left top no-repeat; width: 543px; height: 187px; margin: 12px 0 0 0px;  }
#nouveautes h2{display: none; }



/*   News     */

#nouveautes div{ width: 285px; height: 130px; position:relative; top: 48px; left: 13px;  }
#nouveautes h3{ margin: 0 0 10px 0px; padding: 0 0 0 0; color: #686767; font: bold 13px "Trebuchet MS"; text-align: left;  }
#nouveautes ul{   }
#nouveautes ul li{ background: url(../images/puce/puce.gif) left 6px no-repeat; color: #f25eff; padding: 0 0 0 28px; margin: 0 0 4px 0px;   }


#catalogue{background: url(../images/fond/f-cata.jpg) left top no-repeat; width: 543px; margin: 15px 0 0 0px; }
#catalogue h2{ margin: 0 0 0 0px; padding: 0 0 0 0; width: 543px; height: 187px;}


/*             CONTACT         */

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 #8adad9; }

form.contactform { width: 90%; margin: 0 auto 10px auto;  border: 1px solid #79cecb; padding: 10px; 
						background: url(../images/fond/bg-form.gif) right top no-repeat; }					
						
form.contactform input{  border: 1px solid #cfcfcf; padding: 0 0 0 2px; }
form.contactform label { width: 180px; }
form.contactform textarea { width: 95%; margin: 6px auto 0 auto;  border: 1px solid #cfcfcf; display: block; }

.conformement {width: 535px; margin: 0 auto }

.buttons {text-align: center; margin: 15px 0 10px 0px;  }
.buttons input { margin: 0 5px;   }

select#civility { border:1px solid #CFCFCF;}
						
form.contactform fieldset legend{ margin: 15px 0 10px 0px;  font: normal 18px "Trebuchet MS"; color: #3f7ca9 }


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



/*                 MENU GENERAL             */

#menu-top ul { display: none;   } 




/*                 Messages d erreurs                    */

.denied { color: #525252 ; font: normal 12px arial; margin: 10px auto 20px auto;  width: 400px;   }
.denied ul li {padding: 0 25px 0 17px; background: url(../images/puce/pucerouge.gif) left 0px no-repeat; margin: 0 0 3px 0; }

	

/*                        General styles                   */	

.lbleft { float: left; width: 140px; font-weight: bold;  }
.input  {   }
 
 .bordered { border:1px solid #749abf}
.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: italic bold 12px arial; margin: 10px auto 15px auto;  color: #4eb2b2;}


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

.full {width: 100%}

table.borderedtable {border-collapse: collapse; }
table.borderedtable td{border:1px solid #749abf; border-collapse: collapse; }


/*     FAQ     */

.formatfaq {padding: 0 15px 0 15px; text-align: left; }
.formatfaq h3{ width: auto;   }


.formatfaq p{   margin: 10px 0 10px 0px; padding: 0 5px;   width: 500px;   }

div.formatfaq ul {margin: 0 0 0 20px;list-style: none;  width: 500px;   }

div.formatfaq ul li{padding: 0 0 0 18px ;  margin: 0 0 3px 0px; background: url(../images/puce/pucebleu.gif) left top no-repeat;   }

/*  Poser une question   */

textarea#question {
	margin: 5px 0 0 0px; 
}