@charset "iso-8859-1";
body {
	margin: 0;
	padding: 0;
	background: #F4EED6;
	font: 80% verdana, arial, sans-serif;
	text-align: center; 
}

.absDiv  {position: absolute; visibility: hidden; overflow: hidden ; z-index:20}


a:link {   font-weight: bold ; color: #53340C ;text-decoration: none ; }

a:visited {font-weight: bold ;color :#53340C;text-decoration: none ; }

a:hover { font-weight: bold ;color: #EAD7AF ; text-decoration: none ; }



/* Définition de la zone du contenu droite (cadre infos) */
#zonecontenu{
	position: absolute;
	left: 246px;
	top : 45px;
	width: 700px;
	height: 470px;
	z-index: 1;
	display: block;
	margin: 0px;
	background-repeat: no-repeat;
	visibility: visible;
}

	#filetcontenu{
			position: relative;
			z-index: 2;
			top: 0px;
		}

			#cadrecontenu{
			position: relative;
			z-index: 4;
			top: 8px;
			margin: 3px;
			height:455px;
			background-color: #F2E7CE;
			border: 2px solid #53340C;
	
			}

				#titrecontenu{
				position: relative;
				z-index: 5;
				width: 100%;
				height: 30px;
				font-family: Arial, Helvetica, sans-serif;
				color: #EAD7AF;
				font-size: 16px;
				vertical-align: middle;
				background-color: #53340C;
				font-weight: bold;
				}

				#contenu{
				position: relative;
				z-index: 6;
				font-family: Arial, Helvetica, sans-serif;
				color: #53340C;
				font-size: 14px;
				height: 415px;
				left:0px;
				top:0px;
				background-color: #FFFFFF;
				border: 2px solid #53340C;
				margin: 3px;

				}
				
				#filetprod{
				position: absolute;
				z-index: 5;
				top: 50;
				width: 300px;
				height: 94px;
				border: 1px solid #EAD7AF;
				font-weight: bold;
				padding: 3px;
				}
				
				#imgProd{
				position: relative;
				left:0px;
				top:0px;
				z-index: 5;
				}
				
				#imgZoomIn{
				position: absolute;
				left:120px;
				top:75px;
				width: 20px;
				height: 20px;
				z-index: 5;
				
				}
				
				
				#titreprod{
					position: absolute;
					z-index: 6;
					left:138px;
				    top:3px;
					width: 157px;
					height: 15px;
					font-family: Arial, Helvetica, sans-serif;
					color: #FFFFFF;
					font-size: 12px;
					background-color: #53340C;
					font-weight: bold;
					margin-left: 3px;
					vertical-align: middle;
					padding:3px;
					
				}

				#contenuprod{
				position: absolute;
				z-index: 6;
				left:145px;
				top:25px;
				font-family: Arial, Helvetica, sans-serif;
				color: #53340C;
				font-size: 12px;
			
				
				font-weight: normal;
				}
				
				#shop{
				position: absolute;
				z-index: 6;
				left: 0px;
				top: 50px;
				width:160px;
				font-weight: bold;

				}
				
				#showimage{
					font-family: Arial, Helvetica, sans-serif;
					color: #FFFFFF;
					font-size: 12px;
					background-color: #53340C;
					position:absolute;
					visibility: hidden;
					border: 3px solid #53340C;
					padding:3px;
					z-index: 40;
				}
				#zommed{
					position:relative;
					z-index: 40;
					width: 500;

				}
				#filigrane{
	position:absolute;
	top: 15px;
	left: 3px;
	font-size: 12px;
	z-index: 41;
	width: 500px;
	height: 333px;
								/* Mozilla ignores crazy MS image filters, so it will skip the following */
				/* attention si l'image n'est pas dans le meme répertoire que la CSS ne marche pas ! */ 
    			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='css/fondsCSS/filigran.png');
	color: #FFFFFF;
				}
							/* IE ignores styles with [attributes], so it will skip the following. */
				#filigrane[class] {
  			background-image:url(fondsCSS/filigran.png);
		}
		
				
						
				#condVente{
				z-index: 6;
				font-family: Arial, Helvetica, sans-serif;
				color: #53340C;
				font-size: 9px;
				text-align: center;	
			}



/* Cadre principal du site */
#conteneur       
	{
	position:absolute;
	background: #FFFFFF;
	left: 50%;
	top:20px;
	width: 950px;
	height: 600px;
	margin-left: -475px;
	margin-top: 0px;
	border : none;
	text-align: left;
	visibility: visible;

} 
/* Cadres et bandeaux du site */
#bandeGauche{
	position: absolute;
	left:0%;
	z-index: 1;
	top: 3px;

}

		#bandeImage{
	position: absolute;
	margin-left: 0px;
	left:3px;
	z-index: 2;
	top: 3px;

		}

		#bandeVerticale{
	position: absolute;
	margin-left: 0px;
	left:243px;
	z-index: 1;
	top: 3px;

		}

		#bandeDroite{
	position: absolute;
	margin-left: 0px;
	left:946px;
	z-index: 1;
	top: 3px;

}
	#ligneHaut{
	position: absolute;
	left:0px;
	z-index: 1;
	top: -10px;

	
}
#bandeHaut{
	position: absolute;
	left:249px;
	top: 6px;
	z-index: 1;
	background-color: #53340C;
	visibility: visible;
}

#bandebasse{
	position: absolute;
	margin-left: 0px;
	left:0px;
	z-index: 1;
	bottom: 0;
	padding: 0px;
	visibility: visible;

}
#signature{
	position: absolute;
	top: 606px;
	right:0px;
	z-index: 1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;



}

/* Définition des menus de navigation et sous-menu */

dl, dt, dd, ul,li {
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
	
}

#menu {
	position:absolute;
	left: 248px;
	width: 100%;
	bottom: 33px;
	width: 740px;
	z-index: 100;
}

	#menu dl {
		float: left;
		width :170px;
		position: relative;
		bottom: 0;
		margin: 0 2px;
	}

		#menu dd {
		left: 15px;
		position: absolute;
		bottom:2em;
		
		}
		
		#naviguepage{
				position: absolute;
				z-index: 6;
				font-family: Arial, Helvetica, sans-serif;
				top: 55px;
				color: #53340C;
				font-size: 11px;
				font-weight: normal;
			
				left: 40px;
	
				}
input, TEXTAREA {
	background-color: #FFFFFF;
	border: 1px inset #000000;
	vertical-align: middle;
	background-position: center;
}