/* mise en page css par www.MAMBU-PRODUCTION.com pour le site Terra-Stone.fr */
body,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align:center;
	margin:0px 0px;
	padding: 0px;
	background-image:url(img/fond_xx1.gif);
}

a:link {color: #000000;font-weight: bold;text-decoration: underline;}
a:visited {color: #000000;font-weight: bold;text-decoration: underline;}
a:hover {
	text-decoration: underline;
	color:#B48449;
}
a:active {text-decoration: none;text-decoration: underline;color: #000000; background-position: top;	background-repeat:repeat-x;}
.comment1 { border: 1px groove black; padding: 6px; float:right; margin-left:10px; background-image:url(img/fond_xx2.gif);}
.comment1b { border: 1px groove black; padding: 6px; clear:left; margin-left:10px; background-image:url(img/fond_xx2.gif);}
.flash3 { float:right}
.lettre {font-size:18px;}


#webdesign { position:absolute;z-index:1; width:20px;height:300px; top:0px;left:0px}
#mmenu {
	float:right;
	font-weight:bolder;
	text-align:right;
	width: 450px;
	z-index: 2;
	height: 20px;
	color:#666666;
	margin:2px 10px;
	padding: 0px;
}

#mmenu li { padding:3px; display:inline; list-style:none;}
#mmenu a {text-decoration: none;color:#666666;}
#mmenu a:hover {text-decoration: underline;color:black;}

#menu ul {text-align:left;line-height:normal;padding:5px 0px 5px 5px;}
.menu-generala {
	float:left;
	width:201px;
	padding:0;
	margin: 0;
	height:30px;
	 }
	 .menu-general {
	float:left;
	width:180px;
	padding:0;
	margin: 0;
	height:30px;
	 } /* Hauteur des boites */

#sous-menu1, #sous-menu2, #sous-menu3, #sous-menu4, #sous-menu5 { /*défini les 3 boites des 3 sous-menues */
  display: none; /* les sous-menus ne sont pas affichés */
  margin: 0; /* marges extérieures à 0 */
  padding : 0; /* marges intérieures à 0 */
  position : absolute ; /* boite positionnée par rapport à la boite parent, ici l'écran */
  top : 125px; /* Début (par rapport au haut de page) des sous-menus */
  left : 25px; /* Début (par rapport à la gauche de la page) des sous-menus */
  width : 19%;
  border: 1px groove black;
  background-image:url(img/bt_menu_fd.gif);
  list-style:none;} /* largeur des sous-menus par rapport à la boite parent (ici la page)*/

#sous-menu2 {left:20%} /* Distance à la gauche de la page du 2ième sous-menu */
#sous-menu3 {left:38%} /* Distance à la gauche de la page du 3ième sous-menu */
#sous-menu4 {left:57%}
#sous-menu5 {left:76%}



td { background-color:white;}
p { 
	margin:5px 0px;
	padding: 0px;
}

.infos { font-size:16px;}
.iaccueil { font-size:1.2em;}
.article {display:block; clear:left; border-top:#999 solid 4px ;padding-top:5px; }

h1 {
	text-align: left;
	font-size:25px;
	font-weight:bold;
	color: #B9AD97;
	font-style: normal;
	font-family: Verdana, Geneva, sans-serif;
}
.img {
float:left;
margin: 5px;
padding: 5px 5px 5px 5px;
}
.imgr { float:right; }
.prix { text-align:center; font-size:18px; color:red; }
.mm { margin-top:5px;}
#pdj { float:right; text-align:center; width:250px; height:125px; right:10px; z-index:4; background-image:url(img/fond_p1.jpg);	background-position: top;	background-repeat: no-repeat; padding: 10px 10px 0px 40px; margin: 15px;} 
#expos { float:left; text-align:center; font-size:16px; color:black; font-weight:bold; width:250px; height:125px; left:0px; z-index:4; background-image:url(img/fond_e1.jpg);	background-position: top;	background-repeat: no-repeat; padding: 20px 5px 0px 40px; margin: 15px;} 

.lignepdt { clear: left; }
.pdtx { float:left; text-align:center; width:250px; margin: 5px 5px 5px 5px; padding-left:20px;}
.pdtx2 { float:left; text-align:center; width:500px; margin: 5px 5px 5px 5px; padding-left:20px;}
.image { margin: 0px; margin:0px;}
.commentaire { text-align:center; font-size:12px; font-weight:bold; }
.comment2 { clear:left; text-align:justify; font-size:14px; margin:10px; padding: 0px 0px; }
.dimensions { text-align:center; font-size:12px; padding: 0px 0px 30px 0px;}

#lignepdt { clear: left; }
#pdtx { float:left; text-align:center; width:250px; margin: 5px 5px 5px 5px; padding-left:20px;}
#image { margin: 0px; margin:0px;}
#commentaire { text-align:center; font-size:12px; font-weight:bold; }
#comment2 { clear:left; text-align:justify; font-size:14; margin:10px; padding: 0px 0px; }
#dimensions { text-align:center; font-size:12px; padding: 0px 0px 30px 0px;}

#tailles {
	text-align:center;
	float:right;
	right:-50px;
	padding:20px 5px 0px 5px;
	border: 1px groove black;
	background-image:url(img/fond_xx2.gif);}

#mm { float:right; z-index:4; background-image:url(img/mm1.gif);	background-position: top;	background-repeat: no-repeat; text-align:right; font-size:12px; font-weight:bold; padding: 5px 30px 3px 0px; margin: 0px 0px 0px 20px; width:350px; height:30px ; }
#title { float: left; z-index:4; background-image:url(img/mmt.gif); background-position: top;	background-repeat: no-repeat; text-align:left; font-size:22px; font-weight:bold; padding: 5px 0px 3px 20px; margin: 0px 0px 0px 0px; width:550px; height:40px ; }
#mm a:hover { color:#663300; text-decoration:none;}
#terrastone {
	position: absolute;
	width: 970px;
	left: 50%;
	margin-left: -485px;
	z-index: 1;
	background-image:url(img/fond_b.gif);
}

#haut {
	width: 970px;

	z-index: 1;
	

}
#banniere {
	width: 970px;
	height: 70px;
	z-index: 1;
	background-image:url(img/fond_a.jpg);
}
#menu{
	width: 970px;
	height: 60px;
	z-index: 1;
	background-image:url(img/fond_a2b.gif)
}

#milieu {
	clear:left;
	width: 970px;
	z-index: 1;
	background-image:url(img/fond_b1.gif);
	margin:0px;
	padding:0px 0px;
}
#texte {
clear:left;
	text-align:justify;
	width: 900px;
	z-index: 3;
	padding: 5px 20px 10px 30px;
	margin-top:0px;
}
#formulaire1{
text-align:justify;
border:1px groove black;
width:800px;
z-index:3;
margin: 10px 0px 0px 0px;
padding : 0px 50px 0px 40px;
}
#table{
background-color:#CCCCCC;}
#bas {
 	clear:left;
	z-index: 2;
	height: 60px;
}



#infoslegales{
	text-align:center;
	width: 970px;
	z-index: 2;
	height:40px;
	margin:0px;
	padding: 0px;
	background-image:url(img/fond_c1.gif);
}
#barthe1{padding:10px; font-size:14px; font-weight:bold;}
#liens {
	font-weight:bold;
	text-align:center;
	width: 970px;
	z-index: 2;
	height: 20px;
	color:white;
	margin:0px 0px;
	padding: 0px;
	background-image:url(img/fond_c.gif);
}
#liens li { color:white;display:inline; list-style:none; margin-left:20px; }
#liens a:link {color: white;font-weight: bold;text-decoration: none;}
#liens a:visited {color: white;font-weight: bold;text-decoration: none;}
#liens a:hover {font-weight: bold; text-decoration: underline;color:white;}
#liens a:active {text-decoration: none;color:white;}

#idea {position:absolute;left:180px;top:200px; z-index:2}

#autres {clear:left;text-align:center;}