/*INDEX*/
#bodyindex { 
				background-image : url(fondindex.jpg); 
				background-repeat : no-repeat; 
				margin : auto; 
				width : 1150px; 
				height : 1000px; 
				} 
#wrapperindex { 
				position : relative; 
				width : 760px; 
				height : 1000px; 
				margin : auto; 
				} 
#enseigne01 { 
				position : relative; 
				top : 45px; 
				left : 45px; 
				} 
#commentaccueil { 
				position : relative; 
				width : 570px; 
				height : 305px; 
				left : 110px; 
				} 
#entreesite { 
				position : relative; 
				top : 0; 
				left : 282px; 
				width : 200px; 
				} 
																/*ACCUEIL*/
#bodyaccueil { 
				background-image : url(fondaccueil.jpg); 
				background-repeat : no-repeat; 
				margin : auto; 
				width : 1150px; 
				height : 1260px; 
				} 
#wrapperaccueil { 
				position : relative; 
				width : 760px; 
				margin : 0 auto; 
				text-align : center; 
				height : 1260px; 
				} 
#enseigne10 { 
				position : relative; 
				top : 10px; 
				left : 0; 
				text-align : center; 
				} 
#groupeboutons { 
				position : relative; 
				top : 30px; 
				width : 760px; 
				} 
#logobio0 { 
				position : relative; 
				text-align : center; 
				top : -364px; 
				margin : 0; 
				padding : 0; 
				} 
#photoaccueil { 
				position : relative; 
				left : 0; 
				top : 10px; 
				width : 180px; 
				} 
#nosproduits { 
				position : relative; 
				left : 35px; 
				top : 89px; 
				width : 175px; 
				} 
#boulangerie { 
				position : relative; 
				left : 189px; 
				top : 10px; 
				width : 165px; 
				} 
#nouscontacter { 
				position : relative; 
				left : 565px; 
				top : 44px; 
				width : 180px; 
				} 
#intro { 
				position : relative; 
				top : 265px; 
				text-align : center; 
				font-size : 22px; 
				color : #67ae21; 
				width : 650px; 
				height : 417px; 
				left : 35px; 
				} 
#introaccueil { 
				position : relative; 
				top : -55px; 
				left : 20px; 
				width : 750px; 
				height : 550px; 
				} 
.commentaire { 
				text-align : center; 
				} 
#hautdepage { 
				position :absolute; 
				left : 285px; 
				top : 1200px; 
				width : 200px; 
				} 
a { 
				color : black; 
				text-decoration : none; 
				} 
a:hover { 
				color : red; 
				font-weight : bolder; 
				text-decoration : none; 
				} 
a:active { 
				color : yellow; 
				font-weight : bolder; 
				text-decoration : none; 
				} 
#bodynosproduits { 
				background-image : url(fondnosproduits.jpg); 
				background-repeat : no-repeat; 
				margin : auto; 
				width : 1150px; 
				height : 1100px; 
				position : relative; 
				} 
																/*NOS PRODUITS*/
#bodynosproduits { 
				background-image : url(fondnosproduits.jpg); 
				background-repeat : no-repeat; 
				margin : auto; 
				width : 1150px; 
				height : 1100px; 
				} 
#wrappernosproduits 
				{ 
				position : relative; 
				width : 760px; 
				margin : 0 auto; 
				height : 1100px; 
				text-align : center; 
				} 
#enseigne		{ 
					position : relative; 
					top : 0; 
					width : 760px; 
					height : 200px; 
					text-align : center; 
					} 
#photoaccueil { 
					position : relative; 
					left : 0; 
					top : 180px; 
					width : 190px; 
					} 
#nosproduits { 
					position : relative; 
					left : 375px; 
					top : 89px; 
					width : 200px; 
					} 
#boulangerie { 
					position : relative; 
					left : 189px; 
					top : 134px; 
					width : 200px; 
					} 
#nouscontacter { 
					position : relative; 
					left : 565px; 
					top : 44px; 
					width : 200px; 
					} 
#groupephotos		{
					position:relative;
					left:-10px;
					top:10px;
				
					width:750px;
					}
#tradition { 
					position : absolute; 
					top : 290px; 
					left:0px; 
					text-align : center; 
					color : #e97703; 
					font-size : 18px; 
					width : 200px; 
					font-size : 22px; 
					} 
#bio { 
					position :absolute; 
					top : 120px; 
					left : 277px; 
					margin : 10px; 
					text-align : center; 
					color : #e97703; 
					width : 200px; 
					font-size : 22px; 
					} 
#fruits { 
					position :absolute; 
					top : 290px; 
					right:0px; 
					margin : 10px; 
					text-align : center; 
					color : #e97703; 
					width : 200px; 
					font-size : 22px; 
					}
#vins 			{ 
					position :absolute; 
					top :535px; 
					right:0px; 
					margin-right : 20px; 
					width : 200px; 
					height : 0; 
					font-size : 22px; 
					} 					
#viennoiseries { 
					position : absolute; 
					top : 742px; 
					left : 277px; 
					margin-left : 20px; 
					font-size : 22px; 
					color : #e97703; 
					width : 150px; 
					height : 350px; 
					} 
#epicerie { 
					position :absolute; 
					top : 535px; 
					left : 0px; 
					margin-left : 10px; 
					text-align : center; 
					line-height : 2em; 
					color : #e97703; 
					width : 200px; 
					height : 200px; 
					font-size : 22px; 
					} 

#hautdepage1 { 
					top:990px; 
					position : relative; 
					left : -8px; 
					width : 190px; 
					margin : 0 auto; 
					} 
																	/* vins */
#bodyvins			{
					background-image:url(fondvins.jpg);
					background-repeat:no-repeat;
					margin: auto;
					padding:0 auto;
					width:1150px;
					height:720px;
					}
#wrappervins		{
					
					position:relative;
					width: 760px;
					margin: 0 auto;
					padding:0 auto;
					height:720px;
					
					}
#enseignevins		{
					position:relative;
					top:-120px;
					width:200px;
					}


#cattin				{
					position:relative;
					top:325px;
					left:275px;
					margin:0;
					width:500px;
					}
#hautdepage2 		{
					bottom:20px;
					position:relative;
					text-align:center;
					font-size:20px;
					left:270px;
					width:270px;
					}
#commentaire1		{
					position:relative;
					top:-135px;
					left:80px;
					}
#tableau10			{
					position:relative;
					top:-900px;
					width:760px;
					right:0px;
					margin:auto;
					font-family: Arial, Times, "Times New Roman", serif;
					color: red;
					margin-bottom: 20px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
					}
table /* Le tableau en lui-même */
					{
					   margin: auto; /* Centre le tableau */
					   border: 10px outset gold; 
					  
				
					   
					 }
th /* Les cellules d'en-tête */
					{
					   
					   color: black;
					   font-size: 1.3em;
					   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
					  background-color:transparent;
					 
					}
td /* Les cellules normales */
					{
					   border: 1px solid black;
					   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
					   text-align: center; /* Tous les textes des cellules seront centrés*/
					   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */				
					   background-color:transparent;
					   color:black;
					   font-size:1.3em;
					}


																/*cremants*/
#bodycremants		{
					background-image:url(fondcremant.jpg);
					background-repeat:no-repeat;
					margin: auto;
					width:1150px;
					height:800px;
					}										
#wrappercremants	{
					position:relative;
					width: 760px;
					margin: 0 auto;
					text-align:center;
					padding:0 auto;
					height:800px;
										}
#enseignevins1		{
					position:relative;
					top:125px;
					width:200px;
					}

#nosproduits1		{
					position:relative;
					bottom:-195px;
					left:280px;
					width:190px;
					}
#tableaucremants	{
					position:relative;
					top:100px;
					left:280px;
					width:510px;
					}
#cremants			{
					position:relative;
					top:320px;
					left:0px;
					width:190px;
					}
#eauxdevie			{
					position:relative;
					top:325px;
					left:0px;
					width:190px;
					}
#hatschbourg		{
					position:relative;
					top:331px;
					left:0px;
					width:190px;
					}
#medaillesor		{
					position:relative;
					top:335px;
					left:0px;
					width:190px;
					}
#vinsselections		{
					position:relative;
					top:341px;
					left:0px;
					width:190px;
					}

																/*eaux de vie*/
#bodyeaudevie		{
					background-image:url(fondeaudevie.jpg);
					background-repeat:no-repeat;
					margin: auto;
					width:1150px;
					height:890px;
					}										
#wrappereaudevie	{
					position:relative;
					width: 760px;
					margin: 0 auto;
					text-align:center;
					padding:0 auto;
					height:890px;
										}
#nosproduits3		{
					position:relative;
					top:-25px;
					left:280px;
					width:200px;
					}
								
#tableaueauxdevie	{
					position:relative;
					top:-50px;
					left:280px;
					width:510px;
					}
																		/*hatschbourg*/
#bodyhatschbourg	{
					background-image:url(fondhatschbourg.jpg);
					background-repeat:no-repeat;
					margin:auto;
					width:1150px;
					height:700px;
					
					}										
#wrapperhatschbourg	{
					position:relative;
					width: 760px;
					margin: 0 auto;
					text-align:center;
					padding:0 auto;
					height:700px;
					}
#nosproduits2		{
					position:relative;
					bottom:415px;
					left:475px;
					width:200px;
					}
#tableauhatschbourg	{
					position:relative;
					top:-470px;
					left:470px;
					width:549px;
					}

																			/*vins sélections*/
#bodyvinsselections		{
					background-image:url(fondvinsselections.jpg);
					background-repeat:no-repeat;
					margin: auto;
					width:1150px;
					}					
#wrappervinsselections	{
					position:relative;
					width: 760px;
					margin: 0 auto;
					text-align:center;
					padding:0 auto;
					
					}
			
#tableauvinsselections	{
					position:relative;
					bottom:100px;
					left:470px;
					width:525px;
					
					}
#nosproduits5		{
					position:relative;
					bottom:25px;
					left:500px;
					width:200px;
					}
					
																		/*vins medailles d'or*/
#bodyvinsmedaillesor		{
					background-image:url(fondvinsmedaillesor.jpg);
					background-repeat:no-repeat;
					margin: auto;
					width:1150px;
					}				
#wrappermedaillesor	{
					position:relative;
					width: 760px;
					margin: 0 auto;
					text-align:center;
					padding:0 auto;
					
					}
#tableaumedaillesor	{
					position:relative;
					top:-130px;
					left:485px;
					width:525px;
					}
#nosproduits4		{
					position:relative;
					bottom:105px;
					width:200px;
					left:475px;
					}
																/*MIEL*/
#bodymiel { 
				background-image : url(fondmiel.jpg); 
				background-repeat : no-repeat; 
				margin : auto; 
				width : 1150px; 
				height:1300px;
				} 
#wrappermiel { 
				position : relative; 
				width : 760px; 
				margin : 0 auto; 
				height:1300px;
				} 
#enseigne { 
				position : relative; 
				top : 0; 
				width : 760px; 
				height : 200px; 
				} 
#hautdepage3 { 
				bottom : 15px; 
				position : relative; 
				font-size : 20px; 
				left : 280px; 
				width : 270px; 
				} 
#miel { 
				position : absolute; 
				left : 15px; 
				top : 135px; 
				font-size : 20px; 
				margin-right : 10px; 
				width : 260px; 
				text-align : center; 
				} 
#miel1 { 
				position : absolute; 
				left : 15px; 
				top : 350px; 
				font-size : 20px; 
				margin-right : 10px; 
				width : 260px; 
				text-align : center; 
				} 
.acacia1 { 
				position : relative; 
				right : -340px; 
				top : 50px; 
				font-size : 28px; 
				text-align : left; 
				color :#FF6600; 
				width : 350px; 
				} 
.acacia2 { 
				position : relative; 
				right : -340px; 
				top : 55px; 
				font-size : 20px; 
				text-align : left; 
				color : #FF6600; 
				width : 350px; 
				} 
.tilleul1 { 
				position : relative; 
				left : 20px; 
				top : 350px; 
				font-size : 28px; 
				text-align : left; 
				color : #FF6600; 
				width : 350px; 
				} 
.tilleul2 { 
				position : relative; 
				left : 20px; 
				top : 340px; 
				font-size : 20px; 
				text-align : left; 
				color : #FF6600; 
				width : 350px; 
				} 
.chataignier1 { 
				position : relative; 
				right : -385px; 
				top : 295px; 
				font-size : 28px; 
				text-align : left; 
				color : #FF6600; 
				width : 350px; 
				} 
.chataignier2 { 
				position : relative; 
				right : -385px; 
				top : 290px; 
				font-size : 20px; 
				text-align : left; 
				color : #FF6600; 
				width : 350px; 
				} 
.foret1 { 
				position : relative; 
				right : -340px; 
				top : -305px; 
				font-size : 28px; 
				text-align : left; 
				color : #FF6600; 
				width : 350px; 
				} 
.foret2 { 
				position : relative; 
				right : -340px; 
				top : -310px; 
				font-size : 20px; 
				text-align : left; 
				color : #FF6600; 
				width : 350px; 
				} 
#confiture { 
				position : relative; 
				right : 15px; 
				top : -25px; 
				font-size : 20px; 
				width : 393px; 
				text-align : center; 
				} 
.confiture { 
				position : relative; 
				right : -350px; 
				top : -75px; 
				color : #FF6600; 
				font-size : 20px; 
				width : 350px; 
				} 
h1 { 
				color : #b37721; 
				position : relative; 
				text-align : center; 
				top : 40px; 
				} 
#logobio { 
				position : relative; 
				text-align : center; 
				top : 40px; 
				}
																	/*PAIN BIO*/ 
#bodypainbio { 
				background-image : url(fondbio.jpg); 
				background-repeat : no-repeat; 
				margin : auto; 
				width : 1150px; 
				height : 1975px; 
				} 
#wrapperpainbio { 
				position : relative; 
				width : 760px; 
				margin : 0 auto; 
				height : 1975px; 
				} 
#enseigne { 
				position : relative; 
				top : 0; 
				width : 760px; 
				height : 200px; 
				} 
#logobio1 { 
				position : absolute; 
				width : 100px; 
				top : 360px; 
				right : 350px; 
				} 
#commentbio1 { 
				position : relative; 
				top : 210px; 
				left : 4px; 
				} 
#albumbio { 
				position : relative; 
				bottom : 310px; 
				left : -50px; 
				margin : auto; 
				width : 500px; 
				height : 60px; 
				} 
#albumbio1 { 
				position : relative; 
				bottom : 300px; 
				margin : auto; 
				width : 400px; 
				height : 198px; 
				} 
#commentbio2 { 
				position : relative; 
				top : 620px; 
				left : 4px; 
				} 
#commentbio3 { 
				position : relative; 
				top : 685px; 
				left : 60px; 
				width : 500px; 
				} 
#hautdepage4 { 
				bottom : -440px; 
				position : relative; 
				width : 190px; 
				left : 280px; 
				} 
#commentpainbio { 
				position : relative; 
				top : 50px; 
				left : 120px; 
				width : 550px; 
				height : 250px; 
				} 
#logobio2 { 
				position : absolute; 
				width : 100px; 
				top : 2185px; 
				right : 350px; 
				} 
																			/*BOULANGERIE*/
#bodyboulangerie { 
					background-image : url(fondboulangerie.jpg); 
					background-repeat : no-repeat; 
					margin : auto; 
					width : 1100px; 
					height : 1200px; 
					} 
#wrapperboulangerie { 
					position : relative; 
					width : 760px; 
					margin : auto; 
					height : 1200px; 
					padding : 0; 
					} 
#horaires { 
					position : relative; 
					top : 100px; 
					left : 180px; 
					width : 400px; 
					height : 200px; 
					} 
#adresse { 
					position : relative; 
					top : 55px; 
					right : -180px; 
					width : 400px; 
					height : 200px; 
					} 
#photomagasin { 
					position : relative; 
					top : -5px; 
					text-align : center; 
					font-size : 22px; 
					width : 452px; 
					height : 98px; 
					left : 90px; 
					} 
.comment1			{
					position:relative;
					top:25px;
					left:160px;
					width:452px;
					height:98px;
					}
					
.acces { 
					position : relative; 
					top : 292px; 
					left : 240px; 
					color : red; 
					width : 250px; 
					height : 150px; 
					} 
#hautdepageboulangerie { 
					position : relative; 
					bottom : -265px; 
					left : 272px; 
					width : 200px; 
					} 
																			/*CONTACT*/
#bodycontact { 
					background-image : url(ble.jpg); 
					background-repeat : no-repeat; 
					margin : 0 auto; 
					width : 1150px; 
					height : 737px; 
					} 
#wrappercontact { 
					margin : auto; 
					position : relative; 
					width : 760px; 
					height : 737px; 
					} 
#contact { 
					font-size : 25px; 
					left : 89px; 
					position : relative; 
					text-align : center; 
					top : 95px; 
					width : 600px; 
					} 
#livredor { 
					bottom : -180px; 
					height : 200px; 
					left : 225px; 
					position : relative; 
					width : 350px; 
					} 
																		/* PAIN TRADITION*/
#bodypaintradition { 
					background-image : url(fondpaintradition.jpg); 
					background-repeat : no-repeat; 
					margin : auto; 
					width : 1150px; 
					height : 1705px; 
					} 
#wrapperpaintradition { 
					position : relative; 
					width : 760px; 
					margin : 0 auto; 
					height : 1705px; 
					} 
#commenttradition1 { 
					position : relative; 
					top : 0; 
					left : 0; 
					margin : auto; 
					width : 650px; 
					height : 400px; 
					} 
#albumpaintradition { 
					position : relative; 
					bottom : 500px; 
					left : -50px; 
					margin : auto; 
					width : 500px; 
					height : 60px; 
					} 
#commenttradition2 { 
					position : relative; 
					top : 470px; 
					left : 0; 
					margin : auto; 
					width : 700px; 
					height : 700px; 
					} 
#albumpaintradition1 { 
					position : relative; 
					bottom : 507px; 
					margin : auto; 
					width : 400px; 
					height : 225px; 
					} 
#hautdepagetradition { 
					position : relative; 
					bottom : -215px; 
					left : 272px; 
					width : 200px; 
					} 

																			/*PAINS AUX FRUITS*/
#bodypainfruits { 
					background-image : url(fondfruits.jpg); 
					background-repeat : no-repeat; 
					margin : auto; 
					width : 1150px; 
					height : 1580px; 
					} 
#wrapperpainfruits { 
					position : relative; 
					width : 760px; 
					margin : 0 auto; 
					height : 1580px; 
					} 
#albumpainfruits { 
					position : relative; 
					top : 95px; 
					left : -70px; 
					margin : auto; 
					width : 400px; 
					height : 76px; 
					font-size : 25px; 
					} 
#albumpainfruits1 { 
					position : relative; 
					top : 65px; 
					left : 15px; 
					margin : auto; 
					width : 400px; 
					height : 241px; 
					} 
#commentfruits		{
					position:relative;
					top:100px;
					left:45px;
					width:680px;
					height:945px;
					}
#hautdepage5		{
					position:relative;
					top:155px;
					left:280px;
					width:190px;
					}
					
																				/*VIENNOISERIES*/
#bodyviennoiseries { 
					background-image : url(fondviennoiseries.jpg); 
					background-repeat : no-repeat; 
					margin : auto; 
					width : 1150px; 
					height : 1295px; 
					} 
#wrapperviennoiseries { 
					position : relative; 
					width : 760px; 
					margin : 0 auto; 
					height : 1295px; 
					} 
#commentviennoiserie {
					position:relative;
					top:100px;
					left:0px;
					width:750px;
					height:680px;
					}
#albumviennoiseries { 
					position : relative; 
					top : 100px; 
					left : 45px; 
					margin : 0; 
					width : 550px; 
					height : 60px; 
					font-size : 25px; 
					} 
#albumviennoiseries1 { 
					position : relative; 
					top : 85px; 
					left : -20px; 
					margin : auto; 
					width : 400px; 
					height : 250px; 
					} 
#hautdepageviennoiseries { 
					position : relative; 
					bottom : -150px; 
					left : 272px; 
					width : 200px; 
					} 
																/*PRODUITS BIO*/
#bodyproduitsbio { 
					background-image : url(fondproduitsbio.jpg); 
					background-repeat : no-repeat; 
					margin : auto; 
					width : 1150px; 
					height : 1600px; 
					} 
#wrapperproduitsbio { 
					position : relative; 
					width : 760px; 
					margin : 0 auto; 
					height : 1600px; 
					} 
#commentpagebio	{
					position:relative;
					top:100px;
					left:30px;
					width:700px;
					height:348px;
					}
#photoproduitsbio	{
					position:relative;
					top:100px;
					left:0px;
					width:250px;
					height:188px;
					}
.texte1				{
					text-align:center;
					font-size:22px;
					}
#photochocolat		{
					position:relative;
					top:0px;
					left:550px;
					width:200px;
					height:267px;
					}
.texte2			{
					text-align:center;
					font-size:22px;
					}
#photoboissons	{
					position:relative;
					top:-10px;
					left:165px;
					width:300px;
					height:221px;
					}
.texte3			{
					text-align:center;
					font-size:22px;
					}
#commentpagebio1	{
					position:relative;
					top:100px;
					left:30px;
					width:700px;
					height:302px;
					}
#hautdepage6 { 
					position : relative; 
					bottom : -115px; 
					left : 272px; 
					width : 200px; 
					} 

																	/*ALBUM BIO*/
#bodyalbumbio 		{ 
					background-image : url(fondalbumbio.jpg); 
					background-repeat : no-repeat; 
					margin : auto; 
					width : 1150px; 
					height : 1800px; 
					} 
#wrapperalbumbio	{ 
					position : relative; 
					width : 760px; 
					margin : auto; 
					height : 1800px; 
					} 
#photopainsbio		{
					position:relative;
					top:140px;
					left:0px;
					}
.photosbio			{
					position:relative;
					top:135px;
					left:305px;
					font-size:28px;
					width:160px;
					
					}
.clic				{
					position:relative;
					top:145px;
					left:150px;
					font-size:22px;
					width:450px;
					text-align:center;
					}
.photosfruits		{
					position:relative;
					top:205px;
					left:305px;
					font-size:28px;
					width:237px;
					}
#photopainfruits	{
					position:relative;
					top:260px;
					left:0px;
					}
.photostradition{
					position:relative;
					top:310px;
					left:305px;
					font-size:28px;
					width:237px;
					}
#photostradition	{
					position:relative;
					top:360px;
					left:0px;
					}
.photosviennoiseries
					{
					position:relative;
					top:425px;
					left:305px;
					font-size:28px;
					width:237px;
					}
#photosviennoiseries
					{
					position:relative;
					top:460px;
					left:0px;
					}
#hautdepage7		 { 
					bottom : -25px; 
					position : relative; 
					left : 0; 
					width : 190px; 
					margin : 0 auto; 
					}