* {margin: 0;padding: 0; /*line-height: 0px;*/}
body{
	background-color: #f1cd9c;/* #c75b6f#5d3406#5f514b#ffc88f*/
	background-image: url(../img/fond.jpg);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
		
}
p, li {line-height: 15px;}



img{ margin: 0; position: relative;}
div {position: relative;}
#cont {
	width: 1024px;
	margin: 5px auto;
	position: relative;
	top: 0px;
	padding: 0px 0px 160px 0px;
	border: 1px solid #f0ab72;/*#ffbe7b*/	
	background-image: url(../img/fond.gif);
	min-height: 600px ;  /*taille minimal pour les moteur gecko et IE7 */
	height: auto ;  /*on remet à la normal pour gecko et IE7 */
	
}
*html #cont {height: 600px;}
#titre{
	border: 1px solid #543d3d;
	border-width: 1px 0 ;
	margin: 0;
	padding: 5px;
	position: relative;
	
}/*margin-bottom: -20px;*/
#bandeau1 {height:124px; width: 100%; }
#bandeau1.mince {height: 10px;}
#bandeau2 {border-bottom: 1px solid black; height: 76px; width: 100%; }
#bandeau2.mince{height: 50px;}
/*opacity: 0.5;  filter:alpha(opacity=50);*/



#menu {position: relative; list-style: none; padding: 0px 0px 0px 0px; margin: -25px 0 0 0; height: 30px; font-family: cursive;line-height: 30px; 
 
}
*html #menu{margin: -27px 0 0 0}
#menu li{display: inline;  position: relative;}





#menu a, #menu a.inactif {
		line-height: 0px;
      float:left;
      background:url("../img/ongletG.gif") no-repeat left top;
      margin:0 0 0 20px;
      padding:0 0 0 10px;
      text-decoration:none;
	  font-size: 15px;
	  font-family: cursive;
	  font-weight: bold;
	  height: 25px;
	  opacity: 0.6	;  filter:alpha(opacity=60);
	  width: auto;
}
	  
#menu a span, #menu a span.inactif {
      float:left;
      display:block;
      background:url("../img/ongletD.gif") no-repeat right top;
      padding: 12px 25px 13px 6px;
      color:black;
	  
	 /* border: 1px solid;*/
	  
	  
	 }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span {float:none;}
    /* End IE5-Mac hack */
#menu a:hover span {
      /*color:#FF9834;*/
      }
#menu a:hover,#menu a.actif {
      opacity: 1;  filter:alpha(opacity=100);
      }
#menu a:hover span,#menu a.actif span {
      
      }
#menu li.sans a{opacity: 1;  filter:alpha(opacity=100);background: none;padding-top: 5px;}



#sm_poteries {text-align: left;margin: 0 0 10px 0; width: 870px;}
#sm_poteries.a_table{text-align: left;}

#sm_poteries li{list-style: none; display: inline; position: relative;   font-size: 15px;
	  font-family: cursive; padding: 0px 15px; line-height: 20px;}
#sm_poteries.a_table li {padding: 3px 10px;}
#sm_poteries li	a {text-decoration:none; color: #000;} 
#sm_poteries li	a:hover{text-decoration: underline;}
#sm_poteries li	a.actif{font-weight: bold;}




#txt {margin-top: 15px;}
p, #txt ul, #txt ol, h1 {font-family: cursive;line-height: 17px;}

h1{margin: 20px 155px 10px 250px; font-size: 19px; font-weight: bold; font-family:papyrus, verdana, sans serif}
#txt h1 {margin: 10px 155px 3px 250px;font-size: 17px;}

p, #txt ul, #txt ol {margin: 5px 155px 5px 250px; font-size: 14px; }




/*#news{position: relative; margin: 25px 0 0 15px; float: left; }*/	
div#news{position: absolute;top: 280px; left: 20px; height: auto; width: 200px; overflow: auto; z-index: 800; font-family: cursive; display: block; border-top: 1px solid #ffbd79; background-color: #ffcf9d; }
/*height: 400px si pb trop de news*/
div#news ul{
	margin: 0;
	list-style: none;
}
#news h1 {margin: 5px 5px 5px 5px;}
#news li { padding: 5px; margin: 0 0 10px 0}
#news li.moins {border-top: 1px solid #cf844d;; border-bottom: 1px solid #cf844d; background-color: #ffd7ad}
#news h1 {font-family: papyrus; font-weight: bold;}

#news span{position: relative; float: left; display: block;}
#news div.inv{display: none;}
#news li a{text-decoration: underline; outline: none;}
#news li.moins a {text-decoration: none; font-weight: bold; padding-bottom: 5px; display: block; cursor: text}



#pied{border-top: 1px solid #d6a878; position: absolute; bottom: 0px; width: 100%; /*background-color: red;*/ height: 45px;}
#pied_img{position: absolute; top: -80px;padding-left: 25px;}
#pied_img img {border: 1px solid black; margin: 0 30px 0 5px;}


#poteries a {color: #000; text-decoration: none;}
#poteries a img{border: 1px solid #f0ab72; margin: 0 5px;}

#poteries a:hover img{border: 1px solid #666;}

#poteries a span{display: block;}

#vignettes{}
#poteries {margin-left: 40px; }

/*familles de poteries*/
#poteries ul{margin: 20px 0 0 10px;}
#poteries li {padding: 0px;list-style: none; display: block;position: relative; width: 290px; height: 195px; float: left;text-align: center; /**/; }
#poteries ul#fam li{ margin: 5px;padding: 5px 0 0 0;background-color: #ffcf9d}

/*vignettes carrées*/
#vignettes ul.vign {width: 330px;  left: -20px; position: absolute; top: 20px;}
#vignettes ul.vign li{width: 100px; height: 100px;}
#vignettes ul.vign li.ligne{width: 300px; height: 25px; display: block;position: absolute; top: 310px; left: 0px}
#vignettes ul.vign li.ligne span {width: 145px;   display: block; text-align: center; position: relative; float: left;}
#vignettes ul.vign img { width:100px; height: 100px}


h1#commentaire { position: absolute; top: 360px; left: 10px; text-align: left;margin: 15px 0;}

#gd_im {position: absolute; left: 320px; top: 40px; width: 600px; height: 600px; text-align: center; background: url(../img/wait.gif) no-repeat center 100px}
#gd_im img{border: 2px solid #f0ab72;}



.cach {display: none;}

a {
	color: #000;
}
/*#poteries li ul {display: none;}

#poteries li ul li {height: auto; text-align: left; width: 150px;}
#poteries li ul li img {width: 30px;}*/


	
/*#vignettes{border: 1px solid red;}







#logo{
	position: absolute; top: 15px; left: 5px;z-index: 10;
}
#logoD{
	height: 140px;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 100%;
	border-bottom: 1px solid #624e33;
	text-align: right;
	z-index: 30;
	
}

#bandeau_vignettes{position: absolute;top: 100px;}
#corps{
	margin: 0 90px;
	border: 1px solid #e4e1dc;
	height: 500px;
	position: relative;
	overflow: visible;
	display: block;
	padding-top: 50px;
}

#corps p{
	margin: 5px 20px 5px 150px;
	
}
#hel{font-size: 10px;position: absolute; top: 0px; right: 150px; z-index: 20;}



#sm{ margin: 140px 90px 0 0; height: 46px;  background-image: url(../img/fond-sm.jpg); background-repeat: repeat-y;  list-style: none; padding:0;}
#sm li{display: inline;  }

#sm_louer, #sm_acheter {height: 46px; background-image: url(../img/fond-sm2.jpg); background-repeat: repeat-y;   background-position: top right;padding: 2px 0px 0 90px; display: none;}
#sm_acheter {padding: 2px 0px 0 90px;}

#sm_louer.actif, #sm_acheter.actif{display: block;}
#sm a{
	text-decoration:none;
	font-size: 14px;
	
	color: black;
	margin: 0 12px;
	font-family: cursive 
}
#sm_louer a {margin: 0 20px;}
#sm a:hover{color:#FF9834;}

#menuG {
	list-style: none; position: absolute; top: 450px; margin: 0;left: 10px; width: 170px; border: 1px solid #e4e1dc;padding: 0;background-color: #faf7f2;
	
}
#menuG li{
	  margin: 10px 0;
	  padding: 0 10px;
	
}
#menuG a {
	margin: 10px 0;
	padding: 0 10px;
	text-decoration: none;
	color: black;
}



#slide {position: absolute; top: 250px; left: 10px; width: 160px;border: 1px solid #e4e1dc;padding: 5px 5px 0 5px; }


*/