/* mise en page css par www.mambu.fr pour le site pierres-du-monde.fr */



body,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7F4923;
	text-align:justify;
	margin:0px 0px;
	padding: 0px;
	background-image:url(../img/fond_background.gif);
	background-position:center;
}

a:link {color: #7F4923; font-weight: bold;text-decoration: none;}
a:visited {color: #7F4923;font-weight: bold;text-decoration: none;}
a:hover {color: #000;font-weight: bold;text-decoration: underline;}
a:active {color: #000;font-weight: bold;text-decoration: underline;}

li {list-style:none; margin:4px; padding:4px; }
li:link {color:#42382D;font-weight: bold;text-decoration: none;}
li:visited {color:#42382D;font-weight: bold;text-decoration: none;}
li:hover {color:#42382D;font-weight: bold;text-decoration: none;background:url(../img/fond_sous-menu.gif) top repeat-x;}
li:active {color:#42382D;font-weight: bold;text-decoration: none;}

li a:link {color:#42382D; font-weight: bold;text-decoration: none;}
li a:visited {color:#42382D; font-weight: bold;text-decoration: none;}
li a:hover {color:#42382D;font-weight: bold;text-decoration: none;}
li a:active {color:#42382D;font-weight: bold;text-decoration: none;}

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

p {margin: 0px; padding: 0px 8px; font-size:1em}
.xs {font-size:0.9em}

h3 {font-size:1.2em;font-weight:bold; color:#42382D;margin:0px;margin-left:20px;padding:0px 0px;}
h5 {font-size:1em; font-weight:bold; margin:4px;padding:4px 10px 4px 4px;}
.img {margin:10px;margin-right:20px;float:left;}
.photos {padding:0 0;margin-top:5px;float:left;}
.anim {z-index:99;margin:4px;padding-top:4px;float:left;}
#taille {float:right;width:410px;}
.tailleimgt {float:right;text-align:center;width:130px;}
.imgt {margin:0px 0px 0px 25px;padding:4px 4px;float:left;}
.imgthum {margin:4px;float:left;padding:0 0;}
#thumb {width:735px;margin:0px;padding-top:4px;float:left;}
.thumb {width:735px;margin:0px;padding-top:4px;float:left;}
.titre {margin:2.5px;}
.splus {position:absolute;padding-right:4px}

#keywords {clear:left}

#pierresdm {
	position: absolute;
	width: 1024px;
	left: 50%;
	margin-left: -512px;
	z-index: 1;
	background-image:url(../img/fond_all.jpg);
	}
	
#haut {
	height:100px;
	width:1024px;
	background-image:url(../img/fond_haut.jpg);
}

#minimenu {
position:relative;
font-size:0.8em;
color:#E8D8C1;
float:right;
right:25px;
height:20px;
padding:4px 10px 0px 15px;
background-color:#D9B792;
}


#milieu {
	width:1024px;
	background:url(../img/fond_milieu.jpg) no-repeat;
}

#menu {width:235px; height:100px;padding:0px;position:relative;float:left;background-image:url(../img/fond_menu.jpg) no-repeat;}

.menu-general {
	float:left;
	padding:0px 0px;
	margin: 0px;
	height:20px;
	font-size:1.1em;
	font-weight:bold;
	z-index:2;
	 }


#sous-menu1, #sous-menu2, #sous-menu3, #sous-menu4{ /*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 : 2px; /* marges intérieures à 0 */
  position : absolute ; /* boite positionnée par rapport à la boite parent, ici l'écran */
  top : 41px; /* Début (par rapport au haut de page) des sous-menus */
  left : 210px; /* Début (par rapport à la gauche de la page) des sous-menus */
  padding-left:2px;
  width : 350px;
  background-color:#BB926B;
  border:1px solid #42382D;
  list-style:none;
  text-align:left;
  z-index: 2;} 

#sous-menu2 {top:60px;} 
#sous-menu3 {top:80px;} 
#sous-menu4 {top:100px;} 

#paypal {position:absolute; left:20px;bottom:220px; text-align:center;}
#adress {position:absolute; left:0px;bottom:40px;}

#centre {padding-left:230px;padding-right:40px;}

#titre {
	font-size:1.2em;
	font-weight:bold;
	color:#42382D;
	padding-left: 224px;
	padding-top:10px;
	padding-bottom:0px;
	height:60px;
	background:url(../img/fond_milieuUP.jpg) no-repeat top;
}

#bas {
position:absolute;
  z-index: 3;
	height:60px;
	width:1024px;
	background:url(../img/fond_bas.jpg) no-repeat bottom;
	font-size:0.8em;
	text-align:center;
	line-height:normal;

}
#keywords {color:#BB926B}

#autres2 {
position:absolute;
left:12px;
top:320px;
z-index:99}

#autres {position:relative;clear:both;text-align:center;}

#expos{
	position: absolute;
	width: 1024px;
	left: 50%;
	margin-left: 180px;
right:10px;
top:35px;
z-index:99}